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

const createClasses = makeStyles<Theme>(theme => ({
  title: {
    ...theme.typography.subtitle1,
    color: theme.palette.secondary[500]
  },
  subtitle: {
    ...theme.typography.interactive1,
    color: theme.palette.primary[500]
  },
  iconContainer: {
    '& :not(:last-child)': {
      marginRight: theme.spacing(1)
    }
  },
  icon: {
    width: '16px'
  }
}));

export default createClasses;