import _extends from "@babel/runtime/helpers/esm/extends";
import React, { forwardRef } from 'react';
import mapResponsiveProperty from '../utils/mapResponsiveProperty';
import Flex from '../Flex';
import useTheme from '../hooks/useTheme';
const Row = /*#__PURE__*/forwardRef((props, ref) => {
  const {
    grid: {
      gutters = 2
    } = {}
  } = useTheme();
  return /*#__PURE__*/React.createElement(Flex, _extends({
    ref: ref,
    mx: mapResponsiveProperty(x => -x, gutters)
  }, props));
});
Row.displayName = 'Row';
export default Row;