var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import React from 'react';
import { Col as C, Grid as G, Row as R } from 'react-styled-flexboxgrid';
import { addSubcomponents } from '../../utils/addSubcomponents';
var Grid_ = React.forwardRef(function Grid(_a, ref) {
    var children = _a.children, _b = _a.fluid, fluid = _b === void 0 ? true : _b, _c = _a.style, style = _c === void 0 ? {} : _c, props = __rest(_a, ["children", "fluid", "style"]);
    return (React.createElement(G, __assign({ ref: ref, fluid: fluid, style: __assign(__assign({}, style), { margin: fluid ? '0 -16px' : 0 }) }, props), children));
});
export var Row = React.forwardRef(function Row(_a, ref) {
    var children = _a.children, props = __rest(_a, ["children"]);
    return (React.createElement(R, __assign({ ref: ref }, props), children));
});
export var Col = React.forwardRef(function Col(_a, ref) {
    var children = _a.children, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, span = _a.span, props = __rest(_a, ["children", "xs", "sm", "md", "lg", "span"]);
    var spanActual = span || xs || sm || md || lg;
    return (React.createElement(C, __assign({ ref: ref, xs: xs || spanActual, sm: sm || spanActual, md: md || spanActual, lg: lg || spanActual }, props), children));
});
/**
 * @deprecated
 *
 * The `Grid` component has been deprecated and will removed in a future version.
 *
 * Please use the `NextGrid` component instead.
 *
 * @deprecatedSince 10.20.0
 *
 * @see https://core.procore.com/latest/web/layout/next-grid/react/
 * @since 10.19.0
 */
export var Grid = addSubcomponents({
    Col: Col,
    Row: Row,
}, Grid_);
export default Grid;
//# sourceMappingURL=Grid.js.map