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

const createClasses = makeStyles<Theme>(theme => ({
  secondary: {
    marginRight: theme.spacing(0.5),
    padding: theme.spacing(0, 1.5),
    color: `${theme.palette.primary[400]} !important`,
    borderRadius: theme.spacing(0.5),
    '&.Mui-disabled': { color: `${theme.palette.primary[100]} !important` },
    '&.Mui-selected': {
      backgroundColor: theme.palette.secondary[200]
    },
    '&:hover:not(&.Mui-selected)': {
      backgroundColor: theme.palette.secondary[100]
    }
  }
}));

export default createClasses;