Front-end met Snowpack toegevoegd

1 files changed, 20 insertions, 0 deletions

diff --git a/client/src/Header/Header.tsx b/client/src/Header/Header.tsx
new file mode 100644
index 0000000..9f96d0c
--- /dev/null
+++ b/client/src/Header/Header.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import "./Header.css";
+import urlLogo from "./logo.jpg";
+
+/**
+ * A Header component with a Sogyo logo, the name of the application and several links to different pages
+ */
+export function Header() {
+    return <header className="main-header">
+        <div>
+            <img src={urlLogo} /> 
+            Mancala
+        </div>
+        <div className="main-navigation">
+            <Link to="/">Play</Link>
+            <Link to="/about">About</Link>
+        </div>
+    </header>
+}
\ No newline at end of file