import { pxToRem } from '../typography';

const Chip = (theme) => ({
  MuiChip: {
    styleOverrides: {
      root: {
        fontSize: pxToRem(12),
        backgroundColor: theme.palette.primary.highlight,
        color: theme.palette.primary.main,
        '&:hover': {
          backgroundColor: theme.palette.primary.highlight,
        },
      },
    },
  },
});
export default Chip;
