@mui/codemod/v7.0.0/theme-color-functions/test-cases/mixed-imports.expected.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 = (0, _styles.styled)('div')(({
  theme
}) => ({
  backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, 0.5),
  '&:hover': {
    backgroundColor: theme.lighten(theme.palette.primary.main, 0.2)
  },
  '&:active': {
    backgroundColor: theme.darken(theme.palette.primary.main, 0.2)
  }
}));