koval-ui/dist/src/lib/Card/Card.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 s=require("react/jsx-runtime"),c=require("react"),j=require("classnames"),v=require("css-vars-hook"),p=require("../../internal/hooks/useInternalId.cjs"),C=require("../../internal/hooks/useLinkRefs.cjs");;/* empty css                  */const I=require("../../internal/Actions/ActionsTree.cjs"),e=require("./Card.module.css.cjs"),L=require("../Picture/Picture.cjs"),n=c.forwardRef(({children:u,className:i,headerImageUrl:a,actions:l=[],id:d,layout:o="vertical",width:r,height:t,...f},m)=>{const q=p.useInternalId(d),{LocalRoot:x,ref:N}=v.useLocalTheme();C.useLinkRefs(m,N);const R=c.useMemo(()=>({width:r?`${r}px`:"auto",height:t?`${t}px`:"auto"}),[t,r]);return s.jsxs(x,{...f,theme:R,id:q,className:j(e.default.card,{[e.default.vertical]:o==="vertical",[e.default.horizontal]:o==="horizontal"},i),children:[a&&s.jsx(L.Picture,{className:e.default.headerImage,src:a}),s.jsx("div",{className:e.default.body,children:u}),s.jsx("footer",{className:e.default.actions,children:s.jsx(I.ActionsTree,{actions:l,classNameAction:e.default.actionButton,classNameRow:e.default.row})})]})});n.displayName="Card";exports.Card=n;
//# sourceMappingURL=Card.cjs.map