text: export default theme => ({
    root: {
      width: '100%',
      backgroundColor: theme.palette.background.paper,
      marginTop: '20px'
    },
    rightIcon: {
      marginLeft: theme.spacing(20)
    },
    heading: {
      fontSize: theme.typography.pxToRem(15)
    },
    secondaryHeading: {
      fontSize: theme.typography.pxToRem(15),
      color: theme.palette.text.secondary
    },
    icon: {
      verticalAlign: 'bottom',
      height: 20,
      width: 20
    },
    details: {
      alignItems: 'center'
    },
    column: {
      flexBasis: '33.33%'
    },
    helper: {
      borderLeft: `2px solid ${theme.palette.divider}`,
      padding: theme.spacing(1, 2)
    },
    link: {
      color: theme.palette.primary.main,
      textDecoration: 'none',
      '&:hover': {
        textDecoration: 'underline'
      }
    },
    hideBorder: {
      '&.MuiExpansionPanel-root:before': {
        display: 'none'
      }
    },
    possibleAnswers: {
      boxShadow: 'none'
    }
  })
  