import makeStyles from '@mui/styles/makeStyles';
import type { Theme } from '../@styles/theme-provider';

const createClasses = makeStyles<Theme>(theme => ({
  divider: {
    margin: theme.spacing(0, 2)
  },
  label: {
    ...theme.typography.interactive2,
    color: theme.palette.primary[500],
    whiteSpace: 'nowrap'
  },
  icon: {
    marginRight: theme.spacing(0.5),
    verticalAlign: 'text-bottom',
    display: 'inline-block'
  },
  text: {
    ...theme.typography.body2,
    color: theme.palette.secondary[700],
    '& a': {
      color: theme.palette.secondary[500]
    }
  }
}));

export default createClasses;