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

const createClasses = makeStyles<Theme>(theme => ({
  textField: {
    '&:hover': {
      boxShadow: theme.shadows[6]
    }
  },
  endAdornmentButton: {
    marginLeft: theme.spacing(4 / 8),
    padding: 0
  },
  endAdornment: {
    color: theme.palette.primary[400],
    transition: '0.2s'
  },
  rotateIcon: {
    transform: 'rotate(180deg)',
    transition: '0.2s'
  },
  clearIcon: {
    color: theme.palette.primary[200],
    '&:hover': {
      color: theme.palette.primary[300]
    }
  }
}));

export default createClasses;