import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Table } from "../../components/index.js";
import { Col, Grid, GridColumnSize, Row } from "../../grid/index.js";
import { block } from "../../utils/index.js";
import './Table.css';
const b = block('table-block');
export const TableBlock = (props) => {
    const { title, table } = props;
    return (_jsx("div", { className: b(), children: _jsx(Grid, { className: b('content'), children: _jsxs(Row, { className: b('row'), children: [_jsx(Col, { sizes: { [GridColumnSize.Md]: 4, [GridColumnSize.All]: 12 }, children: _jsx("h2", { className: b('title'), children: title }) }), _jsx(Col, { sizes: { [GridColumnSize.Md]: 8, [GridColumnSize.All]: 12 }, children: _jsx(Table, { className: b('table'), ...table }) })] }) }) }));
};
export default TableBlock;
//# sourceMappingURL=Table.js.map
