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