@moxon6/form-components/lib/Divider.js

This is small collection of Material-ui fields components,

"use strict";

exports.__esModule = true;
exports.DividerHOC = undefined;

var _Divider = require("material-ui/Divider");

var _Divider2 = _interopRequireDefault(_Divider);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var Spacer = function Spacer(props) {
  return _react2.default.createElement("div", { className: "test", style: { height: "40px" } });
};

var Divider = function Divider(props) {
  return [props.line ? _react2.default.createElement(_Divider2.default, { key: props.key + "line" }) : null, props.spacer ? _react2.default.createElement(Spacer, { key: props.key + "spacer" }) : null];
};

var DividerHOC = function DividerHOC(Component) {
  return function (_ref) {
    var line = _ref.line,
        spacer = _ref.spacer,
        restProps = _objectWithoutProperties(_ref, ["line", "spacer"]);

    return _react2.default.createElement(
      "span",
      null,
      _react2.default.createElement(Component, restProps),
      _react2.default.createElement(Divider, { line: line, spacer: spacer })
    );
  };
};

exports.DividerHOC = DividerHOC;
exports.default = Divider;