react-misc-toolbox/dist/UIBits.js

- [ ] diagramexample | optimize creating from blank slate

'use strict';

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

var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral');

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  display: flex;\n  margin: 1rem 0;\n  align-items: center;\n'], ['\n  display: flex;\n  margin: 1rem 0;\n  align-items: center;\n']),
    _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n  background-color: #ccc;\n  flex-grow: 3;\n  height: 3px;\n'], ['\n  background-color: #ccc;\n  flex-grow: 3;\n  height: 3px;\n']),
    _templateObject3 = (0, _taggedTemplateLiteral3.default)(['\n  flex-grow: 1;\n  text-align: center;\n'], ['\n  flex-grow: 1;\n  text-align: center;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

var CONTAINER = (0, _styledComponents2.default)('div')(_templateObject);
var BORDER = (0, _styledComponents2.default)('div')(_templateObject2);
var CHILDREN = (0, _styledComponents2.default)('div')(_templateObject3);

var Divider = function Divider(_ref) {
  var children = _ref.children;
  return _react2.default.createElement(
    CONTAINER,
    null,
    _react2.default.createElement(BORDER, null),
    _react2.default.createElement(
      CHILDREN,
      null,
      children
    ),
    _react2.default.createElement(BORDER, null)
  );
};

exports.Divider = Divider;