text: import React from 'react';
  
  import { makeStyles } from '@material-ui/core/styles';
  import { Typography, Container } from "@material-ui/core";
  
  const useStyles = makeStyles(theme => ({
    container: {
      marginTop: theme.spacing(2),
    }
  }));
  
  const PageLayout = ({children, title}) => {
    const classes = useStyles()
  
    return (
      <>
        <Container className={classes.container} >
          {
            title ? <Typography variant='h1' align='center'> {title} </Typography> : null  
          }
          {children}
        </Container>
      </>
      
    );
  }
  
  export default PageLayout;