1import Container from '@mui/material/Container';
 2import Box from '@mui/material/Box';
 3import DefaultLayout from './Default';
 4import {ReactNode} from 'react';
 5import {Breakpoint} from '@mui/material';
 6
 7interface Props {
 8  children: ReactNode;
 9  maxWidth?: Breakpoint;
10  displayMenu?: boolean;
11}
12
13const CenteredLayout = ({children, ...props}: Props) => {
14  const {maxWidth = 'sm'} = props;
15  return (
16    <DefaultLayout {...props}>
17      <Box pt={12} position="relative">
18        <Container maxWidth={maxWidth}>{children}</Container>
19      </Box>
20    </DefaultLayout>
21  );
22};
23
24export default CenteredLayout;