/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/core/Table/Table.tsx
/**
* Table component with styled defaults
*/
var Table = ({ children, className = "", ...rest }) => {
	return /* @__PURE__ */ jsx("div", {
		className: "overflow-x-auto",
		children: /* @__PURE__ */ jsx("table", {
			className: `min-w-full border-collapse ${className}`,
			...rest,
			children
		})
	});
};
var TableHeader = ({ children, className = "", ...rest }) => {
	return /* @__PURE__ */ jsx("thead", {
		className,
		...rest,
		children
	});
};
var TableBody = ({ children, className = "", ...rest }) => {
	return /* @__PURE__ */ jsx("tbody", {
		className,
		...rest,
		children
	});
};
var TableFoot = ({ children, className = "", ...rest }) => {
	return /* @__PURE__ */ jsx("tfoot", {
		className,
		...rest,
		children
	});
};
var TableRow = ({ children, className = "", ...rest }) => {
	return /* @__PURE__ */ jsx("tr", {
		className: `border-b border-border-1 ${className}`,
		...rest,
		children
	});
};
var TableHeadCell = ({ children, className = "", ...rest }) => {
	return /* @__PURE__ */ jsx("th", {
		className: `px-4 py-3 text-left text-sm font-semibold text-(--text) bg-card-hover ${className}`,
		...rest,
		children
	});
};
var TableCell = ({ children, className = "", ...rest }) => {
	return /* @__PURE__ */ jsx("td", {
		className: `px-4 py-3 text-sm text-(--text-muted) ${className}`,
		...rest,
		children
	});
};
var TableCaption = ({ children, className = "", ...rest }) => {
	return /* @__PURE__ */ jsx("caption", {
		className: `px-4 py-2 text-sm text-(--text-muted) text-left ${className}`,
		...rest,
		children
	});
};
Table.Header = TableHeader;
Table.Body = TableBody;
Table.Foot = TableFoot;
Table.Row = TableRow;
Table.HeadCell = TableHeadCell;
Table.Cell = TableCell;
Table.Caption = TableCaption;
//#endregion
export { Table };

//# sourceMappingURL=Table.js.map