@mui/system/preprocessStyles.js

MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = preprocessStyles;
var _styledEngine = require("@mui/styled-engine");
function preprocessStyles(input) {
  const {
    variants,
    ...style
  } = input;
  const result = {
    variants,
    style: (0, _styledEngine.internal_serializeStyles)(style),
    isProcessed: true
  };

  // Not supported on styled-components
  if (result.style === style) {
    return result;
  }
  if (variants) {
    variants.forEach(variant => {
      if (typeof variant.style !== 'function') {
        variant.style = (0, _styledEngine.internal_serializeStyles)(variant.style);
      }
    });
  }
  return result;
}