import { t as ModeType } from "./Table.js";
import React from "react";
import classNames from "classnames";
import { jsx } from "react/jsx-runtime";
import tableStyles from "./components/Table/styles.module.scss";
let HeaderCategory = /* @__PURE__ */ function(HeaderCategory$1) {
	HeaderCategory$1["normal"] = "normal";
	HeaderCategory$1["transparent"] = "transparent";
	HeaderCategory$1["sortable"] = "sortable";
	return HeaderCategory$1;
}({});
const TableHead = ({ category = HeaderCategory.normal, className, children, mode, ...rest }) => {
	return /* @__PURE__ */ jsx("thead", {
		className: classNames(tableStyles["table__head"], {
			[tableStyles["table__head--normal"]]: category === HeaderCategory.normal,
			[tableStyles["table__head--transparent"]]: category === HeaderCategory.transparent,
			[tableStyles["table__head--sortable"]]: category == HeaderCategory.sortable,
			[tableStyles["table__head--compact"]]: mode == ModeType.compact
		}, className),
		...rest,
		children: React.Children.map(children, (child) => React.isValidElement(child) && React.cloneElement(child, { mode }))
	});
};
var TableHead_default$1 = TableHead;
export { HeaderCategory as n, TableHead as r, TableHead_default$1 as t };

//# sourceMappingURL=TableHead.js.map