From f382ec567e1292cedee7c01e721ddc38bdc4dc4e Mon Sep 17 00:00:00 2001
From: "SOGYO\\bvdoord" <bvdoord@sogyo.nl>
Date: Tue, 26 Jan 2021 11:22:58 +0100
Subject: Front-end met Snowpack toegevoegd

---
 client/src/Header/Header.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 client/src/Header/Header.tsx

(limited to 'client/src/Header/Header.tsx')

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
-- 
cgit v1.2.3