| import React from 'react' | |
| import { Box, Stack } from '@mui/material' | |
| import { Outlet } from 'react-router-dom' | |
| import { grey } from '@mui/material/colors' | |
| import Navigation from './navigation/Navigation' | |
| const RootLayout = () => { | |
| return ( | |
| <Stack | |
| direction="row" | |
| sx={{ | |
| position: 'relative', | |
| height: '100vh', | |
| bgcolor: grey[100] | |
| }}> | |
| <Navigation /> | |
| <Box sx={{ flexGrow: 1, pl: 4, overflow: 'hidden' }}> | |
| <Outlet /> | |
| </Box> | |
| </Stack> | |
| ) | |
| } | |
| export default RootLayout |