dgz-ui/dist/chunks/card-BJ0eqFqO.es.js

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

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