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

const createClasses = makeStyles<Theme>(theme => ({
  root: {
    display: 'flex',
    height: '206px',
    marginRight: theme.spacing(3),
    flex: '1 1',
    flexDirection: 'column',
    alignItems: 'center',
    '&:last-child': {
      marginRight: 0
    }
  },
  content: {
    marginTop: theme.spacing(4)
  },
  data: {
    color: theme.palette.primary[600]
  },
  dateDescription: {
    ...theme.typography.caption1,
    marginTop: theme.spacing(2.25),
    color: theme.palette.secondary[700]
  },
  date: {
    ...theme.typography.interactive1,
    color: theme.palette.secondary[700]
  }
}));

export default createClasses;