text: import React from 'react'
  import PropTypes from 'prop-types'
  import { withStyles } from '@material-ui/core/styles'
  import Typography from '@material-ui/core/Typography'
  
  const styles = theme => ({
    title: {
      marginTop: theme.spacing.unit * 5,
      marginBottom: theme.spacing.unit * 5
    }
  })
  
  const Title = ({children, classes}) => (
    <Typography
      variant='display2'
      color='inherit'
      className={classes.title}
    >
      {children}
    </Typography>
  )
  
  Title.propTypes = {
    children: PropTypes.oneOfType([
      PropTypes.arrayOf(PropTypes.node),
      PropTypes.node
    ])
  }
  
  export default withStyles(styles)(Title)
  