@deepsquare/turbine
Version:
Zero-dependencies efficient wrapper to build Tailwind-based React components easily.
37 lines (29 loc) • 1.35 kB
JavaScript
var $9xaFL$reactjsxruntime = require("react/jsx-runtime");
var $9xaFL$react = require("react");
function $parcel$defineInteropFlag(a) {
Object.defineProperty(a, '__esModule', {value: true, configurable: true});
}
function $parcel$export(e, n, v, s) {
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
}
$parcel$defineInteropFlag(module.exports);
$parcel$export(module.exports, "default", () => $2468eead6b84fee3$export$2e2bcd8739ae039);
function $2468eead6b84fee3$export$2e2bcd8739ae039(As, className, defaultProps) {
const inner = ({ className: classNameProp , ...props })=>{
// Merge the two class definitions.
// We chose to not use the famous `classnames` package here since the merge is fairly simple.
const mergedClassNames = $9xaFL$react.useMemo(()=>{
return `${className} ${classNameProp !== null && classNameProp !== void 0 ? classNameProp : ''}`.trim().replace(/ +/, ' ');
}, [
classNameProp
]); // @ts-ignore Too complex for TypeScript, but it's good, trust us!
return(/*#__PURE__*/ $9xaFL$reactjsxruntime.jsx(As, {
...defaultProps,
...props,
className: mergedClassNames
}));
};
inner.displayName = `pure_${As}`;
return inner;
}
//# sourceMappingURL=turbine.cjs.map