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