dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
3 lines (2 loc) • 1.6 kB
JavaScript
;const a=require("react/jsx-runtime"),p=require("react"),s=require("./utils-C4d7Ql9-.cjs.js");function u(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const d=u(p),n=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("rounded-4 border-border-alpha-light bg-bg-background border shadow-xs",e),...t}));n.displayName="Card";const c=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("flex flex-col space-y-1.5 p-3",e),...t}));c.displayName="CardHeader";const i=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-md-medium flex items-center justify-between gap-2 [&>div>svg]:size-5 [&>svg]:size-5",e),...t}));i.displayName="CardTitle";const l=d.forwardRef(({className:e,...t},r)=>a.jsx("span",{ref:r,className:s.cn("text-body-sm-regular text-secondary",e),...t}));l.displayName="CardDescription";const f=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-sm-regular p-3 pt-0",e),...t}));f.displayName="CardContent";const m=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-sm-regular flex items-center p-3 pt-0",e),...t}));m.displayName="CardFooter";exports.Card=n;exports.CardContent=f;exports.CardDescription=l;exports.CardFooter=m;exports.CardHeader=c;exports.CardTitle=i;
//# sourceMappingURL=card-B1sx5mON.cjs.js.map