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

const createClasses = makeStyles<Theme>(theme => ({
  container: {
    '& :not(:last-child)': {
      marginBottom: theme.spacing(1)
    }
  },
  button: {
    borderRadius: theme.spacing(0.5),
    padding: theme.spacing(1.25, 2),
    margin: 0
  },
  selectedButton: {
    backgroundColor: theme.palette.common.white,
    boxShadow: theme.shadows[1]
  },
  radio: {
    padding: 0,
    width: 0,
    height: 0
  }
}));

export default createClasses;