import { Box } from '@mui/material';
import { FC, ReactNode } from 'react';
import Footer from '../Footer/Footer';

const HeaderlessLayout: FC<{ children?: ReactNode }> = ({ children }) => {
  return (
    <>
      <Box sx={{ flexGrow: 1 }} />
      <Box sx={{ display: 'flex', justifyContent: 'center' }}>
        <Box sx={{ maxWidth: '800px', flexGrow: 1 }}>{children}</Box>
      </Box>
      <Box sx={{ flexGrow: 1 }} />
      <Footer />
    </>
  );
};

export default HeaderlessLayout;
