ndla-ui/lib/Layout/OneColumn.js

UI component library for NDLA.

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactBemHelper = require('react-bem-helper');

var _reactBemHelper2 = _interopRequireDefault(_reactBemHelper);

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

var classes = (0, _reactBemHelper2.default)({
  prefix: 'o-',
  name: 'wrapper',
  outputIsString: true
}); /**
     * Copyright (c) 2016-present, NDLA.
     *
     * This source code is licensed under the GPLv3 license found in the
     * LICENSE file in the root directory of this source tree.
     *
     */

var OneColumn = exports.OneColumn = function OneColumn(_ref) {
  var children = _ref.children,
      className = _ref.className,
      cssModifier = _ref.cssModifier,
      wide = _ref.wide,
      noPadding = _ref.noPadding,
      extraPadding = _ref.extraPadding;

  var modifiers = [];

  if (cssModifier) {
    modifiers.push(cssModifier);
  }

  if (wide) {
    modifiers.push('wide');
  }

  if (noPadding) {
    modifiers.push('no-padding');
  }

  if (extraPadding) {
    modifiers.push('extra-padding');
  }

  return _react2.default.createElement(
    'div',
    { className: classes('', modifiers) + ' ' + className },
    children
  );
};

OneColumn.propTypes = {
  children: _propTypes2.default.node,
  cssModifier: _propTypes2.default.string,
  wide: _propTypes2.default.bool,
  noPadding: _propTypes2.default.bool,
  extraPadding: _propTypes2.default.bool,
  className: _propTypes2.default.string
};

exports.default = OneColumn;