@lunit/oui/dist/components/DataTable/DataTable.js

Lunit Oncology UI components

import { jsx as _jsx } from "react/jsx-runtime";
import { DataGridPro } from '@mui/x-data-grid-pro';
import DataGridContainer from './DataTable.styled';
import { Checkbox } from '../Checkbox';
const EmptyOverlay = () => _jsx("div", {});
function DataTable({ rows, columns, slots, ...otherProps }) {
    return (_jsx(DataGridContainer, { children: _jsx(DataGridPro, { rows: rows, columns: columns, columnHeaderHeight: 40, rowHeight: 40, showColumnVerticalBorder: true, showCellVerticalBorder: true, disableColumnMenu: true, hideFooter: true, ...otherProps, slots: {
                noRowsOverlay: EmptyOverlay,
                baseCheckbox: Checkbox,
                ...slots,
            } }) }));
}
export default DataTable;