1 files changed, 23 insertions, 0 deletions
diff --git a/modern/src/components/NavBar.js b/modern/src/components/NavBar.js
new file mode 100644
index 00000000..68e38bf0
--- /dev/null
+++ b/modern/src/components/NavBar.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import { AppBar, Toolbar, Typography, IconButton } from '@material-ui/core';
+import MenuIcon from '@material-ui/icons/Menu';
+
+const Navbar = ({ setOpenDrawer, title }) => (
+  <AppBar position="fixed" color="inherit">
+    <Toolbar>
+      <IconButton
+        color="inherit"
+        aria-label="open drawer"
+        edge="start"
+        onClick={() => setOpenDrawer(true)}
+      >
+        <MenuIcon />
+      </IconButton>
+      <Typography variant="h6" noWrap>
+        {title}
+      </Typography>
+    </Toolbar>
+  </AppBar>
+);
+
+export default Navbar;