@zenkit/layout/container.js

ZenKit components for impliments layout

"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

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

var _box = _interopRequireDefault(require("./box"));

function Container(_ref) {
  var fluid = _ref.fluid,
      gutter = _ref.gutter,
      maxWidth = _ref.maxWidth,
      children = _ref.children,
      otherProps = (0, _objectWithoutProperties2.default)(_ref, ["fluid", "gutter", "maxWidth", "children"]);
  if (!children) return;
  return React.createElement(_box.default, (0, _extends2.default)({
    display: "block",
    mx: "auto",
    px: gutter,
    width: "100%",
    maxWidth: fluid ? '100%' : maxWidth
  }, otherProps), children);
}

Container.defaultProps = {
  fluid: false,
  gutter: '2ch',
  maxWidth: '960px'
};
var _default = Container;
exports.default = _default;