import { jsx } from 'react/jsx-runtime';
import TableRow from './TableRow.js';

const TableBody = ({ flattenedTreeData, columnsData, columnMeta, rowHeight = 32, startIndex = 0, totalHeight = 0, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, handleEditFieldError, expanding, selectedNode, hideOnDisable, addModuleInputWidth, addModuleSelectWidth, disableEditLabelConfirmIcon, isEditable, setIsEditable, }) => {
    return (jsx("div", { className: "ff-table-tree-fn-body", style: {
            height: `${totalHeight}px`,
            position: 'relative',
        }, children: flattenedTreeData?.map((node, index) => (jsx(TableRow, { node: node, columnsData: columnsData, columnMeta: columnMeta, selected: selected, select: select, onRowClick: onRowClick, onToggleExpand: onToggleExpand, onCheckBoxChange: onCheckBoxChange, onAddConfirm: onAddConfirm, onAddCancel: onAddCancel, handleEditFieldError: handleEditFieldError, isExpanding: node.key === expanding, index: startIndex + index, selectedNode: selectedNode, hideOnDisable: hideOnDisable, addModuleInputWidth: addModuleInputWidth, addModuleSelectWidth: addModuleSelectWidth, disableEditLabelConfirmIcon: disableEditLabelConfirmIcon, isEditable: isEditable, setIsEditable: setIsEditable, style: {
                transform: `translateY(${(startIndex + index) * rowHeight}px)`,
                height: `${rowHeight}px`,
                position: 'absolute',
                top: 0,
                left: 0,
                right: 0,
            } }, node.key))) }));
};

export { TableBody as default };
//# sourceMappingURL=TableBody.js.map
