All files / src/theme/overrides Checkbox.ts

0% Statements 0/23
0% Branches 0/1
0% Functions 0/1
0% Lines 0/23

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24                                               
import { Theme, getNeumorphismByThemeMode } from '@/theme/types/Theme';

export default function Checkbox() {
  return {
    MuiCheckbox: {
      styleOverrides: {
        root: ({ theme }: { theme: Theme }) => {
          const neumorphismParams = { shadowDistance: '2px', shadowBlur: '2px' };
          const neuObj = getNeumorphismByThemeMode({ theme, neumorphismParams });
          return {
            ...neuObj.convex,
            '&:hover': {
              ...neuObj.concave
            },
            '&.Mui-checked': {
              color: theme.palette.common.white
            }
          };
        }
      }
    }
  };
}