@start-base/start-ui/Card/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{forwardRef as a}from"react";import d from"clsx";var l={card:"SUI-Card-module-card-zeE7r",small:"SUI-Card-module-small-2468V",title:"SUI-Card-module-title-F-XGA",description:"SUI-Card-module-description-D2neZ",body:"SUI-Card-module-body-WmkvR",medium:"SUI-Card-module-medium-quHDO",large:"SUI-Card-module-large-OpkfJ",fluid:"SUI-Card-module-fluid-qyeMU",header:"SUI-Card-module-header-1Tc22",collapsed:"SUI-Card-module-collapsed-GUtBJ"},r=a((({title:a,description:r,collapsible:m=!1,size:t="medium",fluid:i=!1,className:c="",children:o},s)=>{const[u,n]=e.useState(!1);return e.createElement("div",{ref:s,className:d(l.card,l[t],{[l.fluid]:i},c)},(a||r)&&e.createElement("div",{className:l.header,onClick:()=>{m&&n(!u)}},a&&e.createElement("h3",{className:l.title},a),r&&e.createElement("p",{className:l.description},r)),e.createElement("div",{className:d(l.body,{[l.collapsed]:m&&u})},o))}));r.displayName="Card";var m=r;export{m as default};