koval-ui/dist/src/lib/Skeleton/SkeletonAction.cjs

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),q=require("classnames"),R=require("css-vars-hook"),j=require("../../internal/hooks/useLinkRefs.cjs"),t=require("./Skeleton.module.css.cjs"),r=require("./SkeletonShape.cjs"),c=require("./normalizeUnit.cjs"),a=l.forwardRef(({children:p,className:u,width:n="fluid",height:o="fluid",marginY:s=24,marginX:i=0,double:m=!1,...f},k)=>{const{LocalRoot:d,ref:S}=R.useLocalTheme();j.useLinkRefs(k,S);const h=l.useMemo(()=>({width:c.normalizeUnit(n),height:c.normalizeUnit(o),"margin-y":s,"margin-x":i}),[o,i,s,n]);return e.jsxs(d,{...f,className:q(t.default.skeletonAction,u),theme:h,children:[e.jsx(r.SkeletonShape,{className:t.default.skeletonButton,height:36}),m&&e.jsx(r.SkeletonShape,{className:t.default.skeletonButton,height:36})]})});a.displayName="SkeletonAction";exports.SkeletonAction=a;
//# sourceMappingURL=SkeletonAction.cjs.map