import { Table, TableContainer, makeStyles } from '@material-ui/core';
import React from 'react';
import FluentBody from './FluentBody';
import FluentCell from './FluentCell';
import FluentHead from './FluentHead';
import FluentRow from './FluentRow';
const useStyles = makeStyles((theme) => ({
    root: {
        maxHeight: (props) => props === null || props === void 0 ? void 0 : props.containerMaxHeight
    }
}));
export const FluentDataTable = ((props) => {
    const { size = 'small', style, stickyHeader = false, containerMaxHeight } = props;
    const classes = useStyles({ containerMaxHeight });
    return (React.createElement(TableContainer, { style: { maxHeight: containerMaxHeight, height: '100%' } }, React.createElement(Table, { "aria-label": "simple table", size: size, style: style, stickyHeader: stickyHeader }, props === null || props === void 0 ? void 0 : props.children)));
});
FluentDataTable.FluentHead = FluentHead;
FluentDataTable.FluentBody = FluentBody;
FluentDataTable.FluentCell = FluentCell;
FluentDataTable.FluentRow = FluentRow;
//# sourceMappingURL=FluentDataTable.js.map