import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Col } from "../../gravity-blocks/grid/index.js";
import { block } from "../../utils/index.js";
import Anchor from "../Anchor/Anchor.js";
import './BlockBase.css';
const b = block('block-base');
const BlockBase = (props) => {
    const { anchor, indent, visible, children, className, resetPaddings, qa } = props;
    const { top, bottom } = indent || (resetPaddings ? { top: '0', bottom: '0' } : { top: 'l', bottom: 'l' });
    return (_jsxs(Col, { className: b({ ['reset-paddings']: resetPaddings, indentTop: top, indentBottom: bottom }, className), visible: visible, reset: true, qa: qa, children: [anchor && _jsx(Anchor, { id: anchor.url, className: b('anchor') }), children] }));
};
export default BlockBase;
//# sourceMappingURL=BlockBase.js.map
