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

<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>

"use strict";var e=require("react"),d=require("clsx");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(e),r=a(d),t={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"},u=e.forwardRef((({title:e,description:d,collapsible:a=!1,size:u="medium",fluid:m=!1,className:i="",children:s},c)=>{const[o,f]=l.default.useState(!1);return l.default.createElement("div",{ref:c,className:r.default(t.card,t[u],{[t.fluid]:m},i)},(e||d)&&l.default.createElement("div",{className:t.header,onClick:()=>{a&&f(!o)}},e&&l.default.createElement("h3",{className:t.title},e),d&&l.default.createElement("p",{className:t.description},d)),l.default.createElement("div",{className:r.default(t.body,{[t.collapsed]:a&&o})},s))}));u.displayName="Card";var m=u;module.exports=m;