koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
3 lines (2 loc) • 817 B
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),n=require("react"),R=require("classnames"),S=require("css-vars-hook"),y=require("../../internal/hooks/useLinkRefs.cjs"),F=require("./Skeleton.module.css.cjs"),i=require("./normalizeUnit.cjs"),a=n.forwardRef(({children:l,className:u,width:e="fluid",height:r,borderRadius:o=12,marginY:s=0,marginX:t=0,...c},m)=>{const{LocalRoot:f,ref:k}=S.useLocalTheme();y.useLinkRefs(m,k);const d=n.useMemo(()=>({width:i.normalizeUnit(e),height:i.normalizeUnit(r),"border-radius":o,"margin-y":s,"margin-x":t}),[o,r,t,s,e]);return q.jsx(f,{...c,theme:d,className:R(F.default.skeletonFrame,u),children:l})});a.displayName="SkeletonFrame";exports.SkeletonFrame=a;
//# sourceMappingURL=SkeletonFrame.cjs.map