1 files changed, 31 insertions, 0 deletions
diff --git a/src/views/components/NavBarLink.jsx b/src/views/components/NavBarLink.jsx
new file mode 100644
index 0000000..3fe10d2
--- /dev/null
+++ b/src/views/components/NavBarLink.jsx
@@ -0,0 +1,31 @@
+import {
+  ListItem,
+  ListItemButton,
+  ListItemContent,
+  ListItemDecorator,
+} from '@mui/joy'
+import { Link } from 'react-router-dom'
+
+const NavBarLink = ({ link }) => {
+  const { to, icon, label } = link
+  return (
+    <ListItem>
+      <ListItemButton
+        key={to}
+        component={Link}
+        to={to}
+        variant='plain'
+        color='neutral'
+        sx={{
+          borderRadius: 4,
+          py: 1.2,
+        }}
+      >
+        <ListItemDecorator>{icon}</ListItemDecorator>
+        <ListItemContent>{label}</ListItemContent>
+      </ListItemButton>
+    </ListItem>
+  )
+}
+
+export default NavBarLink