"use client";
'use strict';

var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var jsxRuntime = require('react/jsx-runtime');

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
__name(cn, "cn");
var Table = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsxRuntime.jsx(
  "table",
  {
    className: cn("w-full caption-bottom text-sm", className),
    ...props
  }
), "Table");
Table.displayName = "Table";
var TableHeader = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsxRuntime.jsx(
  "thead",
  {
    className: cn("[&_tr]:border-0 [&_tr]:border-b", className),
    ...props
  }
), "TableHeader");
TableHeader.displayName = "TableHeader";
var TableBody = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: cn("[&_tr]:border-0", className), ...props }), "TableBody");
TableBody.displayName = "TableBody";
var TableFooter = /* @__PURE__ */ __name(({
  className,
  ...props
}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
  "caption",
  {
    className: cn("text-text-secondary mt-4 text-sm", className),
    ...props
  }
), "TableCaption");
TableCaption.displayName = "TableCaption";

exports.Table = Table;
exports.TableBody = TableBody;
exports.TableCaption = TableCaption;
exports.TableCell = TableCell;
exports.TableFooter = TableFooter;
exports.TableHead = TableHead;
exports.TableHeader = TableHeader;
exports.TableRow = TableRow;
