Initial commit

1 files changed, 36 insertions, 0 deletions

diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..156719f
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { Outlet, Route, Routes } from 'react-router-dom';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import CssBaseline from '@mui/material/CssBaseline';
+
+import Bar from './components/Bar';
+import Home from './components/Home';
+import Schedule from './components/Schedule';
+import Registry from './components/Registry';
+import Rsvp from './components/Rsvp';
+
+
+function App() {
+  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
+
+  const theme = React.useMemo(
+    () =>
+      createTheme({
+        palette: {
+          mode: prefersDarkMode ? 'dark' : 'light'
+        }
+      }),
+    [prefersDarkMode]
+  );
+
+  return (
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      <Bar />
+      <Outlet />
+    </ThemeProvider>
+  );
+}
+
+export default App;