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