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

export const createClasses = makeStyles<Theme>(theme => ({
  text: {
    lineHeight: 0
  },
  separator: {
    '& > div': {
      display: 'flex',
      transform: 'rotate(-90deg)',
      width: '16px',
      height: '16px',
      '& path': {
        fill: theme.palette.primary[400]
      }
    }
  },
  current: {
    color: theme.palette.primary[500]
  }
}));