import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
import useTheme from '../hooks/useTheme';
import Box from '../Box';
const Container = /*#__PURE__*/forwardRef((_ref, ref) => {
  let {
    fullWidth
  } = _ref,
      rest = _objectWithoutProperties(_ref, ["fullWidth"]);

  const {
    grid: {
      gutters = 2
    } = {}
  } = useTheme();
  return /*#__PURE__*/React.createElement(Box, _extends({
    ref: ref,
    px: gutters,
    variant: fullWidth ? 'containerFluid' : 'container',
    mx: "auto",
    width: 1
  }, rest));
});
Container.displayName = 'Container';
process.env.NODE_ENV !== "production" ? Container.propTypes = {
  fullWidth: PropTypes.bool
} : void 0;
export default Container;