welcome-ui/dist/Table.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import { jsx as t } from "react/jsx-runtime";
import { forwardRef as s } from "react";
import { c as i } from "./index-PAaZGbyz.js";
const _ = "_root_8bmny_2", b = "_content_8bmny_6", l = "_clickable_8bmny_48", m = "_indent_8bmny_70", d = {
  root: _,
  content: b,
  clickable: l,
  "variant-danger": "_variant-danger_8bmny_54",
  "variant-warning": "_variant-warning_8bmny_58",
  "variant-success": "_variant-success_8bmny_62",
  "variant-info": "_variant-info_8bmny_66",
  indent: m
}, c = i(d), y = s(
  ({ children: n, className: a, indent: e, ...r }, o) => /* @__PURE__ */ t("div", { className: c("root", a), ref: o, ...r, children: /* @__PURE__ */ t("div", { className: c("content", e && "indent"), children: /* @__PURE__ */ t("table", { children: n }) }) })
), v = (n) => /* @__PURE__ */ t("tbody", { ...n }), u = (n) => /* @__PURE__ */ t("th", { ...n }), f = (n) => /* @__PURE__ */ t("thead", { ...n }), T = (n) => /* @__PURE__ */ t("td", { ...n }), h = ({ className: n, onClick: a, variant: e, ...r }) => /* @__PURE__ */ t(
  "tr",
  {
    className: c(e && `variant-${e}`, !!a && "clickable", n),
    onClick: a,
    ...r
  }
), k = Object.assign(y, {
  Tbody: v,
  Td: T,
  Th: u,
  Thead: f,
  Tr: h
});
export {
  k as Table,
  y as TableComponent
};