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"),p=require("css-vars-hook"),v=require("../../internal/hooks/useInternalId.cjs"),y=require("../../internal/hooks/useLinkRefs.cjs");;/* empty css                  */const C=require("../../internal/Actions/ActionsTree.cjs"),e=require("./Card.module.css.cjs"),I=require("../Picture/Picture.cjs"),u=c.forwardRef(({children:n,className:i,headerImageUrl:a,actions:l=[],id:d,variant:o="vertical",width:r,height:t,...f},m)=>{const q=v.useInternalId(d),{LocalRoot:x,ref:N}=p.useLocalTheme();y.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(I.Picture,{className:e.default.headerImage,src:a}),s.jsx("div",{className:e.default.body,children:n}),s.jsx("footer",{className:e.default.actions,children:s.jsx(C.ActionsTree,{actions:l,classNameAction:e.default.actionButton,classNameRow:e.default.row})})]})});u.displayName="Card";exports.Card=u;
//# sourceMappingURL=Card.cjs.map