import { createContext, useState, useMemo } from 'react';
import { Outlet } from 'react-router-dom';
import CssBaseline from '@mui/material/CssBaseline';

import NavBar from './components/NavBar';
import Home from './components/Home';
import Schedule from './components/Schedule';
import Registry from './components/Registry';
import Rsvp from './components/Rsvp';
import ThemeContextProvider from './ThemeContextProvider'

function App() {
  return (
    <ThemeContextProvider>
      <CssBaseline />
      <NavBar />
      <Outlet />
    </ThemeContextProvider>
  );
}

export default App;
