import FluentBody from "./FluentBody/index.mjs";
import FluentCell from "./FluentCell/index.mjs";
import FluentHead from "./FluentHead/index.mjs";
import FluentRow from "./FluentRow/index.mjs";
import React from "react";
import { Table, TableContainer, makeStyles } from "@material-ui/core";
//#region src/UI/dataDisplay/FluentDataTable/FluentDataTable.tsx
const useStyles = makeStyles((theme) => ({ root: { maxHeight: (props) => props?.containerMaxHeight } }));
const FluentDataTable = ((props) => {
	const { size = "small", style, stickyHeader = false, containerMaxHeight } = props;
	useStyles({ containerMaxHeight });
	return /* @__PURE__ */ React.createElement(TableContainer, { style: {
		maxHeight: containerMaxHeight,
		height: "100%"
	} }, /* @__PURE__ */ React.createElement(Table, {
		"aria-label": "simple table",
		size,
		style,
		stickyHeader
	}, props?.children));
});
FluentDataTable.FluentHead = FluentHead;
FluentDataTable.FluentBody = FluentBody;
FluentDataTable.FluentCell = FluentCell;
FluentDataTable.FluentRow = FluentRow;
//#endregion
export { FluentDataTable };

//# sourceMappingURL=FluentDataTable.mjs.map