'use strict';

var React = require('react');
var color = require('../color-5cfb41c7.js');
var ui_Label = require('../index-35633fb6.js');
require('prop-types');
require('../stringSet-ce782136.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

const DateSeparator = _ref => {
  let {
    children = null,
    className = '',
    separatorColor = color.Colors.ONBACKGROUND_4
  } = _ref;
  return /*#__PURE__*/React__default["default"].createElement("div", {
    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-separator'].join(' ')
  }, /*#__PURE__*/React__default["default"].createElement("div", {
    className: ['sendbird-separator__left', `${color.changeColorToClassName(separatorColor)}--background-color`].join(' ')
  }), /*#__PURE__*/React__default["default"].createElement("div", {
    className: "sendbird-separator__text"
  }, children || /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
    type: ui_Label.LabelTypography.CAPTION_2,
    color: ui_Label.LabelColors.ONBACKGROUND_2
  }, "Date Separator")), /*#__PURE__*/React__default["default"].createElement("div", {
    className: ['sendbird-separator__right', `${color.changeColorToClassName(separatorColor)}--background-color`].join(' ')
  }));
};

module.exports = DateSeparator;
//# sourceMappingURL=DateSeparator.js.map
