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

const createClasses = makeStyles<Theme>(theme => ({
  icon: {
    color: theme.palette.primary[400],
    minHeight: theme.spacing(2.375),
    '& > *': {
      width: theme.spacing(2),
      height: theme.spacing(2)
    }
  },
  mainIcon: {
    marginBottom: theme.spacing(1)
  },
  contentContainer: {
    color: theme.palette.primary[500],
    flexWrap: 'nowrap',
    marginBottom: theme.spacing(0.5)
  },
  contentText: {
    ...theme.typography.interactive2,
    marginRight: theme.spacing(0.5)
  },
  link: {
    ...theme.typography.body2,
    color: theme.palette.primary[500]
  }
}));

export default createClasses;