"use client";
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx } from 'react/jsx-runtime';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
__name(cn, "cn");
var Table = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  "table",
  {
    className: cn("w-full caption-bottom text-sm", className),
    ...props
  }
), "Table");
Table.displayName = "Table";
var TableHeader = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  "thead",
  {
    className: cn("[&_tr]:border-0 [&_tr]:border-b", className),
    ...props
  }
), "TableHeader");
TableHeader.displayName = "TableHeader";
var TableBody = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx("tbody", { className: cn("[&_tr]:border-0", className), ...props }), "TableBody");
TableBody.displayName = "TableBody";
var TableFooter = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  "tfoot",
  {
    className: cn("border-t font-medium [&>tr]:last:border-b-0", className),
    ...props
  }
), "TableFooter");
TableFooter.displayName = "TableFooter";
var TableRow = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  "tr",
  {
    className: cn(
      "data-[state=selected]:bg-muted transition-colors hover:bg-gray-300/50",
      className
    ),
    ...props
  }
), "TableRow");
TableRow.displayName = "TableRow";
var TableHead = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  "th",
  {
    className: cn(
      "text-text-secondary h-12 px-4 text-left align-middle font-medium uppercase [&:has([role=checkbox])]:pr-0",
      className
    ),
    ...props
  }
), "TableHead");
TableHead.displayName = "TableHead";
var TableCell = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  "td",
  {
    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
    ...props
  }
), "TableCell");
TableCell.displayName = "TableCell";
var TableCaption = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  "caption",
  {
    className: cn("text-text-secondary mt-4 text-sm", className),
    ...props
  }
), "TableCaption");
TableCaption.displayName = "TableCaption";

export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
