aboutsummaryrefslogtreecommitdiff
path: root/src/common/components/NavBar.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/common/components/NavBar.jsx')
-rw-r--r--src/common/components/NavBar.jsx25
1 files changed, 25 insertions, 0 deletions
diff --git a/src/common/components/NavBar.jsx b/src/common/components/NavBar.jsx
new file mode 100644
index 00000000..a53960fd
--- /dev/null
+++ b/src/common/components/NavBar.jsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import {
+ AppBar, Toolbar, Typography, IconButton,
+} from '@mui/material';
+import MenuIcon from '@mui/icons-material/Menu';
+
+const Navbar = ({ setOpenDrawer, title }) => (
+ <AppBar position="sticky" color="inherit">
+ <Toolbar>
+ <IconButton
+ color="inherit"
+ edge="start"
+ sx={{ mr: 2 }}
+ onClick={() => setOpenDrawer(true)}
+ >
+ <MenuIcon />
+ </IconButton>
+ <Typography variant="h6" noWrap>
+ {title}
+ </Typography>
+ </Toolbar>
+ </AppBar>
+);
+
+export default Navbar;