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}
11
12const CenteredLayout = ({children, ...props}: Props) => {
13  const {maxWidth = 'sm'} = props;
14  return (
15    <DefaultLayout {...props}>
16      <Box pt={12} position="relative">
17        <Container maxWidth={maxWidth}>{children}</Container>
18      </Box>
19    </DefaultLayout>
20  );
21};
22
23export default CenteredLayout;