@mui/codemod/v5.0.0/jss-to-styled.test/eleventh.expected.js

Codemod scripts for Material UI.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Page;
var _SomeNamespace = _interopRequireDefault(require("SomeNamespace"));
var _styles = require("@mui/material/styles");
var _jsxRuntime = require("react/jsx-runtime");
const PREFIX = 'eleventh';
const classes = {
  header: `${PREFIX}-header`,
  img: `${PREFIX}-img`
};
const StyledSomeNamespaceSomeComponent = (0, _styles.styled)(_SomeNamespace.default.SomeComponent)(({
  theme
}) => ({
  [`& .${classes.header}`]: {
    marginLeft: theme.spacing(5),
    paddingRight: theme.spacing(3),
    marginRight: 'auto',
    minWidth: 400
  },
  [`& .${classes.img}`]: {
    marginTop: theme.spacing(4)
  }
}));
function Page() {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSomeNamespaceSomeComponent, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
      className: classes.header
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
      className: classes.img
    })]
  });
}