import React__default from 'react';
import { C as Colors, c as changeColorToClassName } from '../color-ea3bf5b8.js';
import { L as Label, a as LabelTypography, b as LabelColors } from '../index-f50d7ab0.js';
import 'prop-types';
import '../stringSet-e9bb0333.js';

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

export { DateSeparator as default };
//# sourceMappingURL=DateSeparator.js.map
