import{r as l,j as e}from"./iframe-p4aYZyoq.js";import{c as t}from"./index-Dx18ixSn.js";const h=l.forwardRef(({header:r,headerSeparator:c=!0,children:d,links:a,className:s,...o},n)=>e.jsxs("section",{className:t(s,"card"),ref:n,...o,children:[e.jsxs("div",{className:"card__container",children:[r&&e.jsx("div",{className:t("card__header",{"card__header--with-separator":c}),children:r}),d&&e.jsx("div",{className:"card__content",children:d})]}),!!(a!=null&&a.length)&&e.jsx("div",{className:"card__actions",children:a})]}));try{card.displayName="card",card.__docgenInfo={description:"",displayName:"card",props:{header:{defaultValue:null,description:"The card header (should include the wanted heading level)",name:"header",required:!1,type:{name:"ReactNode"}},headerSeparator:{defaultValue:{value:"true"},description:"Does the card header need a separator? Defaults to true",name:"headerSeparator",required:!1,type:{name:"boolean"}},links:{defaultValue:null,description:"Link components to be displayed at the bottom of the card",name:"links",required:!1,type:{name:"ReactNode[]"}}}}}catch{}export{h as C};
