vcc-ui/es/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.

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; }

import React from 'react';
import PropTypes from 'prop-types';
import { Flex } from '../flex';
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;
  }
};
export function Grid(_ref3) {
  var children = _ref3.children;
  return React.createElement(Flex, {
    extend: styles.grid
  }, children);
}
Grid.propTypes = {
  /** A JSX node */
  children: PropTypes.node
};