@mui/codemod/v6.0.0/sx-prop/test-cases/sx-dynamic2.expected.js

Codemod scripts for Material UI.

"use strict";

var _jsxRuntime = require("react/jsx-runtime");
/*#__PURE__*/(0, _jsxRuntime.jsx)(Accordion, {
  expanded: expanded,
  onChange: handleExpansion,
  slotProps: {
    transition: {
      timeout: 400
    }
  },
  sx: [expanded ? {
    '& .MuiAccordion-region': {
      height: 'auto'
    }
  } : {
    '& .MuiAccordion-region': {
      height: 0
    }
  }, expanded ? {
    '& .MuiAccordionDetails-root': {
      display: 'block'
    }
  } : {
    '& .MuiAccordionDetails-root': {
      display: 'none'
    }
  }]
});
/*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
  sx: [{
    display: 'flex',
    flexDirection: {
      xs: 'column-reverse',
      sm: 'row'
    },
    alignItems: 'end',
    flexGrow: 1,
    gap: 1,
    pb: {
      xs: 12,
      sm: 0
    },
    mt: {
      xs: 2,
      sm: 0
    },
    mb: '60px'
  }, activeStep !== 0 ? {
    justifyContent: 'space-between'
  } : {
    justifyContent: 'flex-end'
  }]
});
/*#__PURE__*/(0, _jsxRuntime.jsx)(Box, {
  sx: [{
    display: 'flex',
    alignItems: 'baseline'
  }, tier.title === 'Professional' ? {
    color: 'grey.50'
  } : {
    color: null
  }]
});