import NavBar from './components/NavBar'; import ToastNotification from './components/ToastNotification'; import Routes from './pages/Routes'; import { useStateContext } from './context/state'; import customTheme from './styles/customTheme'; import { useBodyStyles } from './styles/muiStyles'; import { Paper } from '@material-ui/core/'; import { ThemeProvider } from '@material-ui/core/styles'; const App = () => { const { darkMode } = useStateContext(); const classes = useBodyStyles(); return ( <ThemeProvider theme={customTheme(darkMode)}> <Paper className={classes.root} elevation={0}> <ToastNotification /> <NavBar /> <Routes /> </Paper> </ThemeProvider> ); }; export default App;