"use strict";
exports.__esModule = true;
exports.SiteBlock = exports.blockPropSizeDefault = exports.blockPropSize = exports.cnSiteBlock = void 0;
var tslib_1 = require("tslib");
// @ts-nocheck
require("./SiteBlock.css");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var classnames_1 = require("@bem-react/classnames");
var bem_1 = require("../../utils/bem");
var useBreakpoints_1 = require("../Grid/useBreakpoints");
exports.cnSiteBlock = (0, bem_1.cn)('SiteBlock');
exports.blockPropSize = ['m', 'xs', 's', 'l', 'xl', '3xxl'];
exports.blockPropSizeDefault = exports.blockPropSize[0];
var SiteBlock = function (_a, ref) {
    var children = _a.children, topGap = _a.topGap, bottomGap = _a.bottomGap, className = _a.className, breakpoints = _a.breakpoints, useMargin = _a.useMargin, id = _a.id, sideGap = _a.sideGap, view = _a.view;
    var breakpointsCn = (0, useBreakpoints_1.useBreakpoints)(exports.cnSiteBlock, breakpoints);
    return (react_1["default"].createElement("div", { className: (0, classnames_1.classnames)((0, exports.cnSiteBlock)({
            topGap: topGap,
            bottomGap: bottomGap,
            useMargin: useMargin,
            sideGap: sideGap,
            view: view
        }), breakpointsCn, className), id: id }, children));
};
exports.SiteBlock = SiteBlock;
