1 files changed, 20 insertions, 0 deletions
diff --git a/modern/src/common/components/NavBar.js b/modern/src/common/components/NavBar.js
new file mode 100644
index 00000000..ac689e76
--- /dev/null
+++ b/modern/src/common/components/NavBar.js
@@ -0,0 +1,20 @@
+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="sticky" color="inherit">
+    <Toolbar>
+      <IconButton color="inherit" edge="start" onClick={() => setOpenDrawer(true)}>
+        <MenuIcon />
+      </IconButton>
+      <Typography variant="h6" noWrap>
+        {title}
+      </Typography>
+    </Toolbar>
+  </AppBar>
+);
+
+export default Navbar;