@mui/codemod/v7.0.0/theme-color-functions/test-cases/mui-material-styles.actual.js

Codemod scripts for Material UI.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Component = void 0;
var _styles = require("@mui/material/styles");
const Component = exports.Component = styled('div')(({
  theme
}) => ({
  backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / 0.5)` : (0, _styles.alpha)(theme.palette.primary.main, 0.5),
  '&:hover': {
    backgroundColor: (0, _styles.lighten)(theme.palette.primary.main, 0.2)
  },
  '&:active': {
    backgroundColor: (0, _styles.darken)(theme.palette.primary.main, 0.2)
  }
}));