"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TableBlock = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const components_1 = require("../../components/index.js");
const grid_1 = require("../../grid/index.js");
const utils_1 = require("../../utils/index.js");
const b = (0, utils_1.block)('table-block');
const TableBlock = (props) => {
    const { title, table } = props;
    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b('content'), children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row'), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 4, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)("h2", { className: b('title'), children: title }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)(components_1.Table, { className: b('table'), ...table }) })] }) }) }));
};
exports.TableBlock = TableBlock;
exports.default = exports.TableBlock;
//# sourceMappingURL=Table.js.map
