dgz-ui/dist/card-DGxgQ8C1.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

import { j as r } from "./jsx-runtime-C5mzlN2N.js";
import * as d from "react";
import { c as t } from "./utils-D0f6bOsw.js";
const o = d.forwardRef(
  ({ className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
    "div",
    {
      ref: s,
      className: t(
        "rounded-4 border border-border-alpha-light shadow-xs bg-bg-background",
        a
      ),
      ...e
    }
  )
);
o.displayName = "Card";
const i = d.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
  "div",
  {
    ref: s,
    className: t("flex flex-col space-y-1.5 p-3", a),
    ...e
  }
));
i.displayName = "CardHeader";
const m = d.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
  "div",
  {
    ref: s,
    className: t(
      "text-body-md-medium items-center [&>svg]:size-5 [&>div>svg]:size-5 flex gap-2 justify-between",
      a
    ),
    ...e
  }
));
m.displayName = "CardTitle";
const l = d.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
  "span",
  {
    ref: s,
    className: t("text-body-sm-regular text-secondary", a),
    ...e
  }
));
l.displayName = "CardDescription";
const c = d.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
  "div",
  {
    ref: s,
    className: t("p-3 pt-0 text-body-sm-regular", a),
    ...e
  }
));
c.displayName = "CardContent";
const p = d.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ r.jsx(
  "div",
  {
    ref: s,
    className: t("flex items-center p-3 pt-0 text-body-sm-regular", a),
    ...e
  }
));
p.displayName = "CardFooter";
export {
  o as C,
  i as a,
  p as b,
  m as c,
  l as d,
  c as e
};