@meonode/ui
Version:
A structured approach to component composition, direct CSS-first prop styling, built-in theming, smart prop handling (including raw property pass-through), and dynamic children.
3 lines (2 loc) • 645 B
JavaScript
"use client";
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@emotion/react"),r=require("./theme-provider.client.cjs"),s=require("../util/theme.util.cjs"),i=require("../helper/react-is.helper.cjs");function l({element:l,children:c,...o}){const n=e.useContext(r.ThemeContext),u=n?.theme,{css:m,as:a,...h}=o;let d=l;null!=a&&i.isValidElementType(a)&&(d=a);const p=u?s.ThemeUtil.resolveObjWithTheme(m,u,{processFunctions:!0,themeStringsMode:"vars"}):m,v=s.ThemeUtil.resolveDefaultStyle(p);return t.jsx(d,{...h,css:v},c)}l.displayName="Styled",l.__meonodeAcceptsServerCss=!0,exports.default=l;