@mui/codemod/v7.0.0/theme-color-functions/test-cases/darken-basic.actual.js

Codemod scripts for Material UI.

"use strict";

var _colorManipulator = require("@mui/system/colorManipulator");
const Button = styled('button')(({
  theme
}) => ({
  backgroundColor: (0, _colorManipulator.darken)(theme.palette.primary.main, 0.1),
  '&:active': {
    backgroundColor: (0, _colorManipulator.darken)(theme.palette.primary.main, 0.3)
  },
  '&:disabled': {
    backgroundColor: (0, _colorManipulator.darken)(theme.palette.action.disabled, 0.1)
  }
}));
const Card = styled('div')(({
  theme
}) => ({
  boxShadow: `0 2px 4px ${(0, _colorManipulator.darken)(theme.palette.background.paper, 0.15)}`,
  borderColor: (0, _colorManipulator.darken)(theme.palette.divider, 0.2)
}));