import { t as Icon_default } from "./Icon.js";
import { t as Button_default } from "./Button.js";
import { t as ChevronDown_default } from "./ChevronDown.js";
import { t as ChevronUp_default } from "./ChevronUp.js";
import { n as ModeType } from "./constants3.js";
import classNames from "classnames";
import { jsx } from "react/jsx-runtime";
import styles from "./components/Table/styles.module.scss";
const TableExpanderCell = ({ expandableRowId, hideDetailsText, showDetailsText, expanded, className, mode = ModeType.normal }) => {
	const tableCellClass = classNames(styles["table__cell"], styles["table__cell-expander"], className, { [styles["table__cell--compact"]]: mode === ModeType.compact });
	const icon = expanded ? ChevronUp_default : ChevronDown_default;
	return /* @__PURE__ */ jsx("td", {
		className: tableCellClass,
		children: /* @__PURE__ */ jsx(Button_default, {
			variant: "borderless",
			"aria-expanded": expanded,
			"aria-controls": expandableRowId,
			ariaLabel: expanded ? hideDetailsText : showDetailsText,
			children: /* @__PURE__ */ jsx(Icon_default, { svgIcon: icon })
		})
	});
};
var TableExpanderCell_default$1 = TableExpanderCell;
export { TableExpanderCell as n, TableExpanderCell_default$1 as t };

//# sourceMappingURL=TableExpanderCell.js.map