'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import './index.scss';
const baseClass = 'gutter';
export const Gutter = (props)=>{
    const { children, className, left = true, negativeLeft = false, negativeRight = false, ref, right = true } = props;
    const shouldPadLeft = left && !negativeLeft;
    const shouldPadRight = right && !negativeRight;
    return /*#__PURE__*/ _jsxDEV("div", {
        className: [
            baseClass,
            shouldPadLeft && `${baseClass}--left`,
            shouldPadRight && `${baseClass}--right`,
            negativeLeft && `${baseClass}--negative-left`,
            negativeRight && `${baseClass}--negative-right`,
            className
        ].filter(Boolean).join(' '),
        ref: ref,
        children: children
    }, void 0, false, {
        fileName: "src/elements/Gutter/index.tsx",
        lineNumber: 33,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map