// @ts-nocheck
import './SiteBlock.css';
import React from 'react';
import { classnames } from '@bem-react/classnames';
import { cn } from '../../utils/bem';
import { useBreakpoints } from '../Grid/useBreakpoints';
export var cnSiteBlock = cn('SiteBlock');
export var blockPropSize = ['m', 'xs', 's', 'l', 'xl', '3xxl'];
export var blockPropSizeDefault = blockPropSize[0];
export 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 = useBreakpoints(cnSiteBlock, breakpoints);
    return (React.createElement("div", { className: classnames(cnSiteBlock({
            topGap: topGap,
            bottomGap: bottomGap,
            useMargin: useMargin,
            sideGap: sideGap,
            view: view
        }), breakpointsCn, className), id: id }, children));
};
