import { jsx as t } from "react/jsx-runtime";
import { c as o } from "../../index-BtlgVD4m.js";
const s = ({ ref: a, className: e, ...r }) => /* @__PURE__ */ t(
  "div",
  {
    ref: a,
    className: o(
      "flex",
      "flex-col",
      "gap-[var(--spacing-6)]",
      "rounded-[var(--border-radius-lg)]",
      "border",
      "border-[var(--base-border)]",
      "bg-[var(--base-card)]",
      "text-[var(--base-card-foreground)]",
      "p-[var(--spacing-6)]",
      e
    ),
    ...r
  }
);
s.displayName = "Card";
const p = ({ ref: a, className: e, ...r }) => /* @__PURE__ */ t("div", { ref: a, className: o("flex flex-col gap-[var(--spacing-1-5)]", e), ...r });
p.displayName = "CardHeader";
const n = ({ ref: a, className: e, ...r }) => /* @__PURE__ */ t(
  "div",
  {
    ref: a,
    className: o(
      "text-[var(--base-card-foreground)]",
      "text-[length:var(--typography-typography-components-h4-font-size)]",
      "font-[var(--typography-typography-components-h4-font-weight)]",
      "leading-[var(--typography-typography-components-h4-line-height)]",
      "tracking-(--typography-typography-components-h4-letter-spacing)",
      e
    ),
    ...r
  }
);
n.displayName = "CardTitle";
const d = ({ ref: a, className: e, ...r }) => /* @__PURE__ */ t(
  "div",
  {
    ref: a,
    className: o(
      "text-[length:var(--typography-typography-components-small-font-size)]",
      "text-[var(--base-muted-foreground)]",
      "font-[var(--font-weight-normal)]",
      "leading-[var(--typography-base-sizes-small-line-height)]",
      "tracking-(--typography-typography-components-small-letter-spacing)",
      e
    ),
    ...r
  }
);
d.displayName = "CardDescription";
const i = ({ ref: a, className: e, ...r }) => /* @__PURE__ */ t("div", { ref: a, className: o(e), ...r });
i.displayName = "CardContent";
const g = ({ ref: a, className: e, ...r }) => /* @__PURE__ */ t("div", { ref: a, className: o("flex items-center justify-end gap-[var(--spacing-4)]", e), ...r });
g.displayName = "CardFooter";
export {
  s as Card,
  i as CardContent,
  d as CardDescription,
  g as CardFooter,
  p as CardHeader,
  n as CardTitle
};
//# sourceMappingURL=CardPrimitive.js.map
