@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 860 B
JavaScript
;var e=require("react/jsx-runtime"),r=require("../node_modules/@emotion/cache/dist/emotion-cache.esm.js"),i=require("@emotion/react"),t=require("@mui/material"),s=require("@mui/material/styles"),l=require("stylis"),u=require("stylis-plugin-rtl"),o=require("./GlobalStyleReset.js"),n=require("./theme.context.js"),m=require("./theme.hooks.js");function c(e){return e&&e.__esModule?e:{default:e}}var a=c(u);const d=r({key:"muirtl",stylisPlugins:[l.prefixer,a.default]}),h=r({key:"mui"});exports.ThemeProvider=({mode:r="light",screenSize:l="lg",direction:u="ltr",ignoreCacheProvider:c,children:a})=>{const j=m.useThemeBuilder(r,l,u),q=()=>e.jsxs(s.ThemeProvider,{theme:j.theme,children:[e.jsx(t.CssBaseline,{}),e.jsx(o,{}),a]});return e.jsx(n.ThemeContext.Provider,{value:j,children:c?q():e.jsx(i.CacheProvider,{value:"rtl"===u?d:h,children:q()})})};