"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _react = _interopRequireWildcard(require("react"));

var _mapResponsiveProperty = _interopRequireDefault(require("../utils/mapResponsiveProperty"));

var _Flex = _interopRequireDefault(require("../Flex"));

var _useTheme2 = _interopRequireDefault(require("../hooks/useTheme"));

var Row = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  var _useTheme = (0, _useTheme2["default"])(),
      _useTheme$grid = _useTheme.grid;

  _useTheme$grid = _useTheme$grid === void 0 ? {} : _useTheme$grid;
  var _useTheme$grid$gutter = _useTheme$grid.gutters,
      gutters = _useTheme$grid$gutter === void 0 ? 2 : _useTheme$grid$gutter;
  return /*#__PURE__*/_react["default"].createElement(_Flex["default"], (0, _extends2["default"])({
    ref: ref,
    mx: (0, _mapResponsiveProperty["default"])(function (x) {
      return -x;
    }, gutters)
  }, props));
});
Row.displayName = 'Row';
var _default = Row;
exports["default"] = _default;