boldr-ui/SideNav/SidebarSeparator.js

UI components for Boldr

'use strict';

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

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

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n    padding: 12px;\n'], ['\n    padding: 12px;\n']),
    _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n    padding-right: 12px;\n'], ['\n    padding-right: 12px;\n']),
    _templateObject3 = (0, _taggedTemplateLiteral3.default)(['\n    font-size: 14px;\n    color: #AAA;\n    margin: 10px 12px;\n    padding: 4px 12px 2px;\n'], ['\n    font-size: 14px;\n    color: #AAA;\n    margin: 10px 12px;\n    padding: 4px 12px 2px;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _HorizontalRule = require('../HorizontalRule');

var _HorizontalRule2 = _interopRequireDefault(_HorizontalRule);

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

var Title = exports.Title = _styledComponents2.default.div(_templateObject);

var Separator = exports.Separator = _styledComponents2.default.div(_templateObject2);

var SeparatorTitleContainer = _styledComponents2.default.div(_templateObject3);

var _ref2 = _react2.default.createElement(_HorizontalRule2.default, null);

var SeparatorTitle = function SeparatorTitle(_ref) {
    var children = _ref.children;

    return _react2.default.createElement(
        SeparatorTitleContainer,
        null,
        children,
        _ref2
    );
};

exports.default = SeparatorTitle;