Create NavBar.js

Author: IamBobo-really

src/components/NavBar.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { NavLink } from "react-router-dom";
+
+export default function NavBar() {
+  const linkStyle = {
+    color: "white",
+    textDecoration: "none",
+    marginRight: "20px",
+    fontSize: "18px"
+  };
+
+  const activeStyle = {
+    textDecoration: "underline"
+  };
+
+  return (
+    <nav
+      style={{
+        width: "100%",
+        padding: "12px 20px",
+        backgroundColor: "#222",
+        color: "white",
+        display: "flex",
+        alignItems: "center"
+      }}
+    >
+      <NavLink
+        to="/"
+        style={linkStyle}
+        activeStyle={activeStyle}
+      >
+        Home
+      </NavLink>
+
+      <NavLink
+        to="/about"
+        style={linkStyle}
+        activeStyle={activeStyle}
+      >
+        About
+      </NavLink>
+    </nav>
+  );
+}