import React from 'react';
import PropTypes from 'prop-types';
/**
 * @category containers
 * @component list-separator
 * @variations collab-ui-react
 */

var ListSeparator = function ListSeparator(props) {
  var text = props.text;
  return React.createElement("div", {
    className: "cui-list-separator" + ("" + (text ? ' cui-list-separator--text' : ''))
  }, text && React.createElement("p", {
    className: "cui-list-separator__text"
  }, text));
};

ListSeparator.propTypes = {
  text: PropTypes.string
};
ListSeparator.defaultProps = {
  text: null
};
ListSeparator.displayName = 'ListSeparator';
export default ListSeparator;