'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

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

/**
 * @category containers
 * @component list-separator
 * @variations collab-ui-react
 */

var ListSeparator = function ListSeparator(props) {
  var text = props.text;


  return _react2.default.createElement(
    'div',
    {
      className: 'cui-list-separator' + ('' + (text ? ' cui-list-separator--text' : '')) },
    text && _react2.default.createElement(
      'p',
      { className: 'cui-list-separator__text' },
      text
    )
  );
};

ListSeparator.defaultProps = {
  color: null
};

ListSeparator.displayName = 'ListSeparator';

exports.default = ListSeparator;


ListSeparator.defaultProps = {
  text: null
};
module.exports = exports['default'];