1import Container from '@material-ui/core/Container';
 2import DefaultLayout from './Default';
 3import {makeStyles} from '@material-ui/core/styles';
 4
 5const CenteredLayout = ({children, ...props}) => {
 6  const classes = useStyles();
 7
 8  return (
 9    <DefaultLayout {...props}>
10      <div className={classes.layout}>
11        <Container maxWidth="sm">{children}</Container>
12      </div>
13    </DefaultLayout>
14  );
15};
16
17const useStyles = makeStyles(theme => ({
18  layout: {
19    display: 'flex',
20    alignItems: 'center',
21    justifyContent: 'center',
22    minHeight: '100vh',
23  },
24}));
25
26export default CenteredLayout;