import { j as t } from "../../node_modules/react/jsx-runtime.js";
import { cn as s } from "../../utils/index.js";
function m({
  header: e,
  footer: l,
  className: a,
  children: r,
  tableProps: { className: n, ...o } = {},
  borderless: c,
  ...i
}) {
  return /* @__PURE__ */ t.jsxs(
    "section",
    {
      className: s(
        "rounded-lg fill-surface-alt flex flex-col col-span-full h-fit",
        !c && "outline outline-1 outline-divider-strong",
        a
      ),
      ...i,
      children: [
        !!e && e,
        /* @__PURE__ */ t.jsx(
          "table",
          {
            className: s("rounded-lg table table-striped", n),
            ...o,
            children: r
          }
        ),
        !!l && l
      ]
    }
  );
}
function u({ className: e, ...l }) {
  return /* @__PURE__ */ t.jsx("tr", { className: s(e), ...l });
}
function b({ className: e, ...l }) {
  return /* @__PURE__ */ t.jsx("td", { className: s(e), ...l });
}
function d({ className: e, ...l }) {
  return /* @__PURE__ */ t.jsx(u, { className: s(e), ...l });
}
function p({ className: e, ...l }) {
  return /* @__PURE__ */ t.jsx("th", { className: s(e), ...l });
}
function j({ className: e, ...l }) {
  return /* @__PURE__ */ t.jsx(
    "div",
    {
      className: s(
        "px-6 py-4 flex flex-row justify-between items-center border-t",
        e
      ),
      ...l
    }
  );
}
function N({ className: e, ...l }) {
  return /* @__PURE__ */ t.jsx(
    "div",
    {
      className: s("px-6 pt-6 pb-4 flex flex-col gap-4", e),
      ...l
    }
  );
}
export {
  m as Table,
  b as TableCell,
  j as TableFooter,
  N as TableHeader,
  p as TableHeaderCell,
  d as TableHeaderRow,
  u as TableRow
};
