From 7103019890960e793deefb64987a09b33be60b42 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Fri, 17 May 2024 15:20:30 -0700
Subject: Add golang server

---
 client/src/components/NavBar.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 client/src/components/NavBar.tsx

(limited to 'client/src/components/NavBar.tsx')

diff --git a/client/src/components/NavBar.tsx b/client/src/components/NavBar.tsx
new file mode 100644
index 0000000..52e8e6c
--- /dev/null
+++ b/client/src/components/NavBar.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { AppBar, Toolbar, Typography } from '@mui/material';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import Desktop from './Desktop';
+import Mobile from './Mobile';
+
+function NavBar() {
+  const isMobile = useMediaQuery('(max-width: 768px)');
+
+  return (
+    <AppBar position="relative">
+      <Toolbar>
+        <Typography
+          variant="h5"
+          component={Link}
+          to="/"
+          color="inherit"
+          sx={{ textDecoration: 'none' }}
+        >
+          Madison and Michael's Wedding
+        </Typography>
+        {isMobile ? <Mobile /> : <Desktop />}
+      </Toolbar>
+    </AppBar>
+  );
+}
+
+export default NavBar;
-- 
cgit v1.2.3

