function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React from 'react';
import cx from 'classnames';

var Block = function Block(_ref) {
  var type = _ref.type,
      borderTop = _ref.borderTop,
      background = _ref.background,
      reverse = _ref.reverse,
      small = _ref.small,
      wide = _ref.wide,
      children = _ref.children,
      rest = _objectWithoutPropertiesLoose(_ref, ["type", "borderTop", "background", "reverse", "small", "wide", "children"]);

  var renderBlockContent = function renderBlockContent() {
    if (!type) return React.createElement(React.Fragment, null, children);
    return React.createElement("div", {
      className: cx("content-" + type, reverse && reverse, small && 'has-small-image', wide && 'wide')
    }, children);
  };

  var blockClasses = cx('content-block', background && "" + background, // background && `bg-${background}`,
  borderTop && "border-top-" + borderTop);
  return React.createElement("div", _extends({
    className: blockClasses
  }, rest), React.createElement("div", {
    className: "inner"
  }, renderBlockContent()));
};

Block.displayName = 'Block';
var BlockDoc;

if (process.env.NODE_ENV !== 'production') {
  // eslint-disable-next-line global-require
  BlockDoc = require('./doc').doc(Block);
}

var BLockWrapper = BlockDoc || Block;
export { BLockWrapper as Block };