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

import sharedStyles from '../shared-styles'

// eslint-disable-next-line
export default (theme: Theme) =>
  createStyles({
    ...sharedStyles(theme),
    contentContainer: { display: 'flex', justifyContent: 'center', width: '100%' },
    content: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', width: '35%' },
    stepContentContainer: { display: 'flex', flexDirection: 'column', justifyContent: 'center', flexGrow: 1 },
    stepperContainer: { display: 'flex', alignItems: 'center', justifyContent: 'center' },
    stepper: { flexGrow: 1 },
    stepperBtn: { height: '100%' },
  })
