import { jsx as t } from "react/jsx-runtime";
import { c as l } from "../../../index-BtlgVD4m.js";
const o = ({ className: e, ...a }) => /* @__PURE__ */ t("table", { className: l("w-full caption-bottom text-sm", e), ...a });
o.displayName = "Table";
const s = ({ className: e, ...a }) => /* @__PURE__ */ t("thead", { className: l("[&_tr]:border-b-0 [&_tr]:border-[var(--base-border)]", e), ...a });
s.displayName = "TableHeader";
const r = ({ className: e, ...a }) => /* @__PURE__ */ t("tbody", { className: l("[&_tr:last-child]:border-0", e), ...a });
r.displayName = "TableBody";
const d = ({ className: e, ...a }) => /* @__PURE__ */ t("tfoot", { className: l("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", e), ...a });
d.displayName = "TableFooter";
const b = ({ className: e, ...a }) => /* @__PURE__ */ t(
  "tr",
  {
    className: l("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted border-[var(--base-border)]", e),
    ...a
  }
);
b.displayName = "TableRow";
const m = ({ className: e, ...a }) => /* @__PURE__ */ t("th", { className: l("h-10 px-[var(--spacing-4)] text-left align-middle font-medium text-muted-foreground ", e), ...a });
m.displayName = "TableHead";
const c = ({ className: e, ...a }) => /* @__PURE__ */ t("td", { className: l("p-[var(--spacing-4)] align-middle ", e), ...a });
c.displayName = "TableCell";
const i = ({ className: e, ...a }) => /* @__PURE__ */ t("caption", { className: l("mt-4 text-sm text-muted-foreground", e), ...a });
i.displayName = "TableCaption";
export {
  o as Table,
  r as TableBody,
  i as TableCaption,
  c as TableCell,
  d as TableFooter,
  m as TableHead,
  s as TableHeader,
  b as TableRow
};
//# sourceMappingURL=TablePrimitive.js.map
