@mui/codemod/v5.0.0/box-sx-prop.test/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 = BoxComponent;
var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
var _Button2 = _interopRequireDefault(require("@material-ui/core/Button"));
var _jsxRuntime = require("react/jsx-runtime");
var _Button;
function BoxComponent(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
    sx: {
      m: 2,
      border: "1px dashed grey",
      p: [2, 3, 4]
    },
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
      component: "span",
      clone: true,
      sx: {
        p: {
          xs: 2,
          sm: 3,
          md: 4
        },
        m: 2,
        border: "1px dashed grey"
      },
      children: _Button || (_Button = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button2.default, {
        component: "span",
        children: "Save"
      }))
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
      ...props,
      sx: {
        p: [1, 2, 4]
      }
    })]
  });
}