import { Theme } from '@material-ui/core/styles'
import { createStyles } from '@material-ui/styles'

// eslint-disable-next-line
export default (theme: Theme) =>
  createStyles({
    title: {
      fontSize: '150%',
      fontWeight: 'bold',
      overflowWrap: 'normal',
    },
    formContainer: {
      height: '40%',
      textAlign: 'center',
      justifyContent: 'space-between',
      display: 'flex',
      flexDirection: 'column',
    },
    container: {
      display: 'flex',
      height: '100vh',
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'center',
      textAlign: 'center',
    },
    form: {
      display: 'flex',
      flexDirection: 'column',
      width: '100%',
      margin: theme.spacing(2),
    },
    usernameTxtField: { marginBottom: 10 },
  })
