45 lines
1.5 KiB
JavaScript
45 lines
1.5 KiB
JavaScript
"use strict";
|
|
'use client';
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = StyledEngineProvider;
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
var _react2 = require("@emotion/react");
|
|
var _cache = _interopRequireDefault(require("@emotion/cache"));
|
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
// prepend: true moves MUI styles to the top of the <head> so they're loaded first.
|
|
// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
|
|
let cache;
|
|
if (typeof document === 'object') {
|
|
cache = (0, _cache.default)({
|
|
key: 'css',
|
|
prepend: true
|
|
});
|
|
}
|
|
function StyledEngineProvider(props) {
|
|
const {
|
|
injectFirst,
|
|
children
|
|
} = props;
|
|
return injectFirst && cache ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.CacheProvider, {
|
|
value: cache,
|
|
children: children
|
|
}) : children;
|
|
}
|
|
process.env.NODE_ENV !== "production" ? StyledEngineProvider.propTypes = {
|
|
/**
|
|
* Your component tree.
|
|
*/
|
|
children: _propTypes.default.node,
|
|
/**
|
|
* By default, the styles are injected last in the <head> element of the page.
|
|
* As a result, they gain more specificity than any other style sheet.
|
|
* If you want to override MUI's styles, set this prop.
|
|
*/
|
|
injectFirst: _propTypes.default.bool
|
|
} : void 0; |