beginsels van een werkende pagina

1 files changed, 28 insertions, 0 deletions

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
new file mode 100644
index 0000000..38f3810
--- /dev/null
+++ b/src/components/navbar.tsx
@@ -0,0 +1,28 @@
+import "../css/navbar.css";
+
+import { LogoDark } from "../components/logo";
+
+import Home from '@material-ui/icons/Home';
+import VideogameAssetIcon from '@material-ui/icons/VideogameAsset';
+import ExtensionIcon from '@material-ui/icons/Extension';
+import SearchIcon from '@material-ui/icons/Search';
+import SettingsIcon from '@material-ui/icons/Settings';
+
+
+function NavBar() {
+	return (
+		<div className="navbar">
+			<LogoDark/>
+			<a href="/"><Home/></a>
+			<a href="/"><VideogameAssetIcon/></a>
+			<a href="/"><ExtensionIcon/></a>
+			<a href="/"><SearchIcon/></a>
+
+			<div className="settings">
+				<a href="/"><SettingsIcon/></a>
+			</div>
+		</div>
+	);
+}
+
+export default NavBar;