import { cn } from "./index3.js";
import * as React from "react";
import { jsx } from "react/jsx-runtime";
//#region src/components/molecules/data/Table/Table.tsx
var Table = React.forwardRef(({ className, disableOverflow, ...props }, ref) => {
	return /* @__PURE__ */ jsx("div", {
		"data-slot": "table-container",
		className: cn("relative w-full", !disableOverflow && "overflow-x-auto"),
		children: /* @__PURE__ */ jsx("table", {
			ref,
			"data-slot": "table",
			className: cn("w-full caption-bottom text-sm", className),
			...props
		})
	});
});
Table.displayName = "Table";
var TableHeader = React.forwardRef(({ className, ...props }, ref) => {
	return /* @__PURE__ */ jsx("thead", {
		ref,
		"data-slot": "table-header",
		className: cn("[&_tr]:border-b", className),
		...props
	});
});
TableHeader.displayName = "TableHeader";
var TableBody = React.forwardRef(({ className, ...props }, ref) => {
	return /* @__PURE__ */ jsx("tbody", {
		ref,
		"data-slot": "table-body",
		className: cn("[&_tr:last-child]:border-0", className),
		...props
	});
});
TableBody.displayName = "TableBody";
var TableFooter = React.forwardRef(({ className, ...props }, ref) => {
	return /* @__PURE__ */ jsx("tfoot", {
		ref,
		"data-slot": "table-footer",
		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
		...props
	});
});
TableFooter.displayName = "TableFooter";
var TableRow = React.forwardRef(({ className, ...props }, ref) => {
	return /* @__PURE__ */ jsx("tr", {
		ref,
		"data-slot": "table-row",
		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors duration-200 ease-[var(--ease-smooth)] motion-reduce:transition-none", className),
		...props
	});
});
TableRow.displayName = "TableRow";
var TableHead = React.forwardRef(({ className, ...props }, ref) => {
	return /* @__PURE__ */ jsx("th", {
		ref,
		"data-slot": "table-head",
		className: cn("text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0", className),
		...props
	});
});
TableHead.displayName = "TableHead";
var TableCell = React.forwardRef(({ className, ...props }, ref) => {
	return /* @__PURE__ */ jsx("td", {
		ref,
		"data-slot": "table-cell",
		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0", className),
		...props
	});
});
TableCell.displayName = "TableCell";
var TableCaption = React.forwardRef(({ className, ...props }, ref) => {
	return /* @__PURE__ */ jsx("caption", {
		ref,
		"data-slot": "table-caption",
		className: cn("text-muted-foreground mt-4 text-sm", className),
		...props
	});
});
TableCaption.displayName = "TableCaption";
//#endregion
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

//# sourceMappingURL=index84.js.map