vcc-ui/lib/components/grid/index.js

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Grid = Grid;

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _flex = require("../flex");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var styles = {
  grid: function grid(_ref) {
    var _ref2;

    var theme = _ref.theme;
    return _ref2 = {
      boxSizing: 'border-box',
      width: '100%',
      maxWidth: 1400,
      margin: '0 auto',
      paddingLeft: theme.baselineGrid * 2,
      paddingRight: theme.baselineGrid * 2
    }, _defineProperty(_ref2, theme.breakpoints.onlyM, {
      paddingLeft: theme.baselineGrid * 3,
      paddingRight: theme.baselineGrid * 3
    }), _defineProperty(_ref2, theme.breakpoints.fromL, {
      paddingLeft: theme.baselineGrid * 5,
      paddingRight: theme.baselineGrid * 5
    }), _ref2;
  }
};

function Grid(_ref3) {
  var children = _ref3.children;
  return _react.default.createElement(_flex.Flex, {
    extend: styles.grid
  }, children);
}

Grid.propTypes = {
  /** A JSX node */
  children: _propTypes.default.node
};