"use strict";
exports.__esModule = true;
exports.DiagramsBlock = exports.cnDiagramsBlock = void 0;
var tslib_1 = require("tslib");
// @ts-nocheck
require("./DiagramsBlock.css");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var bem_1 = require("../../utils/bem");
var PropsWithAsAttributes_1 = require("../../utils/types/PropsWithAsAttributes");
var Grid_1 = require("../Grid/Grid");
var Typography_1 = require("../Typography/Typography");
exports.cnDiagramsBlock = (0, bem_1.cn)('DiagramsBlock');
exports.DiagramsBlock = (0, PropsWithAsAttributes_1.forwardRefWithAs)(function (props, ref) {
    var _a = props || {}, items = _a.items, doubleArrows = _a.doubleArrows;
    return (react_1["default"].createElement(react_1["default"].Fragment, null,
        react_1["default"].createElement(Grid_1.Grid, { className: (0, exports.cnDiagramsBlock)(), breakpoints: {
                desktop: { cols: 12, gap: 'xl' },
                tablet: { cols: 8, colGap: '2xl', rowGap: 'xl' },
                mobile: { gap: 'xl' }
            } }, items.map(function (item) { return (react_1["default"].createElement(Grid_1.GridItem, { className: (0, exports.cnDiagramsBlock)('Item', {
                doubleArrows: item.doubleArrow || doubleArrows
            }), breakpoints: { desktop: { col: 3 }, tablet: { col: 4 } }, key: item.id },
            react_1["default"].createElement("div", { className: (0, exports.cnDiagramsBlock)('Head', {
                    doubleArrows: item.doubleArrow || doubleArrows
                }) },
                react_1["default"].createElement(Typography_1.Typography.Text, { size: "m", className: (0, exports.cnDiagramsBlock)('Title'), weight: "bold" }, item.title)),
            react_1["default"].createElement("div", { className: (0, exports.cnDiagramsBlock)('List') }, item.items.map(function (i) { return (react_1["default"].createElement("div", { className: (0, exports.cnDiagramsBlock)('List-Item'), key: i },
                react_1["default"].createElement(Typography_1.Typography.Text, { size: "m", className: (0, exports.cnDiagramsBlock)('Text') }, i))); })))); }))));
});
