1 files changed, 20 insertions, 0 deletions
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
new file mode 100644
index 0000000..e61ac63
--- /dev/null
+++ b/src/components/Header.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+interface Props {
+  navigation: {
+    name: string;
+    route: string;
+  }[];
+}
+
+const Header: React.FC<Props> = ({ children, navigation }) => {
+  return (
+    <header className="bg-black text-white flex">
+      {navigation.map(({ name, route }) => (
+        <a href={route} className="py-6 px-8 font-bold tracking-wide hover:underline">{name}</a>
+      ))}
+    </header>
+  );
+};
+
+export default Header;