@sendbird/uikit-react
Version:
Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.
634 lines (594 loc) • 86.4 kB
JavaScript
import { c as __spreadArray } from '../chunks/bundle-yl5d1NoZ.js';
import * as React from 'react';
import React__default from 'react';
import { n as noop } from '../chunks/bundle-MlG9piGf.js';
/* eslint-disable no-redeclare */
var Types = {
ADD: 'ADD',
ARROW_LEFT: 'ARROW_LEFT',
ATTACH: 'ATTACH',
AUDIO_ON_LINED: 'AUDIO_ON_LINED',
BAN: 'BAN',
BROADCAST: 'BROADCAST',
CAMERA: 'CAMERA',
CHANNELS: 'CHANNELS',
CHAT: 'CHAT',
CHAT_FILLED: 'CHAT_FILLED',
CHEVRON_DOWN: 'CHEVRON_DOWN',
CHEVRON_RIGHT: 'CHEVRON_RIGHT',
CLOSE: 'CLOSE',
COLLAPSE: 'COLLAPSE',
COPY: 'COPY',
CREATE: 'CREATE',
DELETE: 'DELETE',
DISCONNECTED: 'DISCONNECTED',
DOCUMENT: 'DOCUMENT',
DONE: 'DONE',
DONE_ALL: 'DONE_ALL',
DOWNLOAD: 'DOWNLOAD',
EDIT: 'EDIT',
EMOJI_MORE: 'EMOJI_MORE',
ERROR: 'ERROR',
EXPAND: 'EXPAND',
FILE_AUDIO: 'FILE_AUDIO',
FILE_DOCUMENT: 'FILE_DOCUMENT',
FREEZE: 'FREEZE',
GIF: 'GIF',
INFO: 'INFO',
LEAVE: 'LEAVE',
MARK_AS_UNREAD: 'MARK_AS_UNREAD',
MEMBERS: 'MEMBERS',
MESSAGE: 'MESSAGE',
MODERATIONS: 'MODERATIONS',
MORE: 'MORE',
MUTE: 'MUTE',
NOTIFICATIONS: 'NOTIFICATIONS',
NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',
OPERATOR: 'OPERATOR',
PHOTO: 'PHOTO',
PLAY: 'PLAY',
PLUS: 'PLUS',
QUESTION: 'QUESTION',
REFRESH: 'REFRESH',
REPLY: 'REPLY',
REMOVE: 'REMOVE',
SEARCH: 'SEARCH',
SEND: 'SEND',
SETTINGS_FILLED: 'SETTINGS_FILLED',
SLIDE_LEFT: 'SLIDE_LEFT',
SPINNER: 'SPINNER',
SUPERGROUP: 'SUPERGROUP',
THREAD: 'THREAD',
THUMBNAIL_NONE: 'THUMBNAIL_NONE',
TOGGLE_OFF: 'TOGGLE_OFF',
TOGGLE_ON: 'TOGGLE_ON',
USER: 'USER',
FEEDBACK_LIKE: 'FEEDBACK_LIKE',
FEEDBACK_DISLIKE: 'FEEDBACK_DISLIKE',
FLOATING_BUTTON_CLOSE: 'FLOATING_BUTTON_CLOSE',
};
/* eslint-disable no-redeclare */
var Colors = {
DEFAULT: 'DEFAULT',
PRIMARY: 'PRIMARY',
PRIMARY_2: 'PRIMARY_2',
SECONDARY: 'SECONDARY',
SECONDARY_2: 'SECONDARY_2',
CONTENT: 'CONTENT',
CONTENT_INVERSE: 'CONTENT_INVERSE',
CONTENT_INVERSE_3: 'CONTENT_INVERSE_3',
WHITE: 'WHITE',
GRAY: 'GRAY',
THUMBNAIL_ICON: 'THUMBNAIL_ICON',
SENT: 'SENT',
READ: 'READ',
ON_BACKGROUND_1: 'ON_BACKGROUND_1',
ON_BACKGROUND_2: 'ON_BACKGROUND_2',
ON_BACKGROUND_3: 'ON_BACKGROUND_3',
ON_BACKGROUND_4: 'ON_BACKGROUND_4',
BACKGROUND_3: 'BACKGROUND_3',
ERROR: 'ERROR',
};
function changeColorToClassName(color) {
switch (color) {
case Colors.PRIMARY: return 'sendbird-icon-color--primary';
case Colors.PRIMARY_2: return 'sendbird-icon-color--primary-2';
case Colors.SECONDARY: return 'sendbird-icon-color--secondary';
case Colors.SECONDARY_2: return 'sendbird-icon-color--secondary-2';
case Colors.CONTENT: return 'sendbird-icon-color--content';
case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';
case Colors.CONTENT_INVERSE_3: return 'sendbird-icon-color--content-inverse-3';
case Colors.WHITE: return 'sendbird-icon-color--white';
case Colors.GRAY: return 'sendbird-icon-color--gray';
case Colors.THUMBNAIL_ICON: return 'sendbird-icon-color--thumbnail-icon';
case Colors.SENT: return 'sendbird-icon-color--sent';
case Colors.READ: return 'sendbird-icon-color--read';
case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';
case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';
case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';
case Colors.ON_BACKGROUND_4: return 'sendbird-icon-color--on-background-4';
case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';
case Colors.ERROR: return 'sendbird-icon-color--error';
default: return '';
}
}
function changeTypeToIconClassName(type) {
switch (type) {
case Types.ADD: return 'sendbird-icon-add';
case Types.ARROW_LEFT: return 'sendbird-icon-arrow-left';
case Types.ATTACH: return 'sendbird-icon-attach';
case Types.AUDIO_ON_LINED: return 'sendbird-icon-audio-on-lined';
case Types.BAN: return 'sendbird-icon-ban';
case Types.BROADCAST: return 'sendbird-icon-broadcast';
case Types.CAMERA: return 'sendbird-icon-camera';
case Types.CHANNELS: return 'sendbird-icon-channels';
case Types.CHAT: return 'sendbird-icon-chat';
case Types.CHAT_FILLED: return 'sendbird-icon-chat-filled';
case Types.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';
case Types.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';
case Types.CLOSE: return 'sendbird-icon-close';
case Types.COLLAPSE: return 'sendbird-icon-collapse';
case Types.COPY: return 'sendbird-icon-copy';
case Types.CREATE: return 'sendbird-icon-create';
case Types.DELETE: return 'sendbird-icon-delete';
case Types.DISCONNECTED: return 'sendbird-icon-disconnected';
case Types.DOCUMENT: return 'sendbird-icon-document';
case Types.DONE: return 'sendbird-icon-done';
case Types.DONE_ALL: return 'sendbird-icon-done-all';
case Types.DOWNLOAD: return 'sendbird-icon-down-load';
case Types.EDIT: return 'sendbird-icon-edit';
case Types.EMOJI_MORE: return 'sendbird-icon-emoji-more';
case Types.ERROR: return 'sendbird-icon-error';
case Types.EXPAND: return 'sendbird-icon-expand';
case Types.FILE_AUDIO: return 'sendbird-icon-file-audio';
case Types.FILE_DOCUMENT: return 'sendbird-icon-file-document';
case Types.FREEZE: return 'sendbird-icon-freeze';
case Types.GIF: return 'sendbird-icon-gif';
case Types.INFO: return 'sendbird-icon-info';
case Types.LEAVE: return 'sendbird-icon-leave';
case Types.MARK_AS_UNREAD: return 'sendbird-icon-mark-as-unread';
case Types.MEMBERS: return 'sendbird-icon-members';
case Types.MESSAGE: return 'sendbird-icon-message';
case Types.MODERATIONS: return 'sendbird-icon-moderations';
case Types.MORE: return 'sendbird-icon-more';
case Types.MUTE: return 'sendbird-icon-mute';
case Types.NOTIFICATIONS: return 'sendbird-icon-notifications';
case Types.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';
case Types.OPERATOR: return 'sendbird-icon-operator';
case Types.PHOTO: return 'sendbird-icon-photo';
case Types.PLAY: return 'sendbird-icon-play';
case Types.PLUS: return 'sendbird-iconn-plus';
case Types.QUESTION: return 'sendbird-icon-question';
case Types.REFRESH: return 'sendbird-icon-refresh';
case Types.REMOVE: return 'sendbird-icon-remove';
case Types.REPLY: return 'sendbird-icon-reply';
case Types.SEARCH: return 'sendbird-icon-search';
case Types.SEND: return 'sendbird-icon-send';
case Types.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';
case Types.SPINNER: return 'sendbird-icon-spinner';
case Types.SUPERGROUP: return 'sendbird-icon-supergroup';
case Types.THREAD: return 'sendbird-icon-thread';
case Types.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';
case Types.TOGGLE_OFF: return 'sendbird-icon-toggle-off';
case Types.TOGGLE_ON: return 'sendbird-icon-toggle-on';
case Types.USER: return 'sendbird-icon-user';
case Types.FEEDBACK_LIKE: return 'sendbird-icon-feedback-like';
case Types.FEEDBACK_DISLIKE: return 'sendbird-icon-feedback-dislike';
default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it
}
}
var _path$V;
function _extends$Z() { return _extends$Z = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$Z.apply(null, arguments); }
const SvgIconAdd = props => /*#__PURE__*/React.createElement("svg", _extends$Z({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M50.667 5.333a8 8 0 0 1 8 8v37.334a8 8 0 0 1-8 8H13.333a8 8 0 0 1-8-8V13.333a8 8 0 0 1 8-8zm0 5.334H13.333a2.667 2.667 0 0 0-2.666 2.666v37.334a2.667 2.667 0 0 0 2.666 2.666h37.334a2.667 2.667 0 0 0 2.666-2.666V13.333a2.667 2.667 0 0 0-2.666-2.666m-18.667 8a2.667 2.667 0 0 1 2.649 2.355l.018.311v8h8a2.667 2.667 0 0 1 .311 5.316l-.311.018h-8v8a2.667 2.667 0 0 1-5.316.311l-.018-.311v-8h-8a2.667 2.667 0 0 1-.311-5.316l.311-.018h8v-8A2.667 2.667 0 0 1 32 18.667",
className: "icon-add_svg__fill"
})));
var _path$U;
function _extends$Y() { return _extends$Y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$Y.apply(null, arguments); }
const SvgIconArrowLeft = props => /*#__PURE__*/React.createElement("svg", _extends$Y({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M33.886 8.781a2.67 2.67 0 0 1 .221 3.52l-.221.251-16.78 16.781H56a2.667 2.667 0 0 1 .311 5.316l-.311.018-38.895-.001 16.78 16.782a2.666 2.666 0 0 1 .222 3.52l-.221.251a2.67 2.67 0 0 1-3.52.222l-.252-.222L8.781 33.886a2.67 2.67 0 0 1-.222-3.52l.222-.252L30.114 8.781a2.67 2.67 0 0 1 3.772 0",
className: "icon-arrow-left_svg__fill"
})));
var _path$T;
function _extends$X() { return _extends$X = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$X.apply(null, arguments); }
const SvgIconAttach = props => /*#__PURE__*/React.createElement("svg", _extends$X({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "m55.334 28.926-24.506 23.34c-5.222 4.973-13.74 4.973-18.962 0-5.149-4.903-5.149-12.797 0-17.7l24.506-23.34c3.138-2.988 8.278-2.988 11.416 0 3.064 2.919 3.064 7.594 0 10.513L23.255 45.077c-1.055 1.005-2.815 1.005-3.87.001-.98-.933-.98-2.39 0-3.325l22.64-21.535a2.667 2.667 0 0 0-3.676-3.864L15.709 37.89a7.58 7.58 0 0 0-.001 11.05c3.113 2.966 8.11 2.966 11.224 0l24.533-23.338c5.272-5.021 5.272-13.217 0-18.238-5.197-4.95-13.573-4.95-18.77 0L8.187 30.704c-7.356 7.005-7.356 18.419 0 25.424 7.281 6.935 19.036 6.935 26.318 0l24.506-23.34a2.666 2.666 0 1 0-3.678-3.862z",
className: "icon-attach_svg__fill"
})));
var _g$3, _defs;
function _extends$W() { return _extends$W = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$W.apply(null, arguments); }
const SvgIconAudioOnLined = props => /*#__PURE__*/React.createElement("svg", _extends$W({
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
viewBox: "0 0 64 64"
}, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
clipPath: "url(#icon-audio-on-lined_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
d: "M32 0C26.11 0 21.333 4.776 21.333 10.667V32c0 5.891 4.776 10.667 10.667 10.667S42.667 37.89 42.667 32V10.667C42.667 4.776 37.89 0 32 0m-5.333 10.667a5.333 5.333 0 0 1 10.666 0V32a5.333 5.333 0 0 1-10.666 0z",
className: "icon-audio-on-lined_svg__fill",
clipRule: "evenodd"
}), /*#__PURE__*/React.createElement("path", {
d: "M16 26.667a2.667 2.667 0 1 0-5.333 0V32c0 10.879 8.143 19.856 18.666 21.168v5.499h-8a2.667 2.667 0 0 0 0 5.333h21.334a2.667 2.667 0 1 0 0-5.333h-8v-5.499C45.19 51.856 53.333 42.88 53.333 32v-5.333a2.667 2.667 0 1 0-5.333 0V32c0 8.837-7.163 16-16 16s-16-7.163-16-16z",
className: "icon-audio-on-lined_svg__fill"
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "icon-audio-on-lined_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M0 0h64v64H0z"
})))));
var _path$S;
function _extends$V() { return _extends$V = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$V.apply(null, arguments); }
const SvgIconBan = props => /*#__PURE__*/React.createElement("svg", _extends$V({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 2.667C48.2 2.667 61.333 15.8 61.333 32S48.2 61.333 32 61.333 2.667 48.2 2.667 32 15.8 2.667 32 2.667M32 8C18.745 8 8 18.745 8 32s10.745 24 24 24 24-10.745 24-24S45.255 8 32 8m12.333 21.333a1 1 0 0 1 1 1v3.334a1 1 0 0 1-1 1H19.667a1 1 0 0 1-1-1v-3.334a1 1 0 0 1 1-1z",
className: "icon-ban_svg__fill"
})));
var _path$R;
function _extends$U() { return _extends$U = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$U.apply(null, arguments); }
const SvgIconBroadcast = props => /*#__PURE__*/React.createElement("svg", _extends$U({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M58.545 5.498q.121.389.122.796v46.079a2.666 2.666 0 0 1-3.462 2.546l-17.951-5.61c-.645 5.273-5.14 9.358-10.587 9.358C20.776 58.667 16 53.89 16 48v-5.334h-5.333a8 8 0 0 1-7.997-7.75l-.003-.25V24a8 8 0 0 1 8-8H16L55.205 3.749a2.665 2.665 0 0 1 3.34 1.75zM21.333 44.587V48a5.333 5.333 0 0 0 10.652.398L32 47.92zm32-34.667-32 9.997v18.83l32 9.997zM16 21.333h-5.333a2.67 2.67 0 0 0-2.65 2.356L8 24v10.667a2.667 2.667 0 0 0 2.667 2.666H16z",
className: "icon-broadcast_svg__fill"
})));
var _path$Q;
function _extends$T() { return _extends$T = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$T.apply(null, arguments); }
const SvgIconCamera = props => /*#__PURE__*/React.createElement("svg", _extends$T({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M40 5.333c.892 0 1.724.446 2.219 1.188l4.541 6.812H56a8 8 0 0 1 7.986 7.53l.014.47v29.334a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8V21.333a8 8 0 0 1 8-8h9.237l4.544-6.812a2.67 2.67 0 0 1 1.888-1.167l.331-.02zm-1.43 5.334H25.428l-4.542 6.812a2.66 2.66 0 0 1-1.887 1.167l-.331.02H8a2.67 2.67 0 0 0-2.667 2.667v29.334A2.667 2.667 0 0 0 8 53.333h48a2.667 2.667 0 0 0 2.667-2.666V21.333A2.667 2.667 0 0 0 56 18.667H45.333a2.67 2.67 0 0 1-2.218-1.188zM32 21.333c7.364 0 13.333 5.97 13.333 13.334S39.363 48 32 48s-13.333-5.97-13.333-13.333S24.637 21.333 32 21.333m0 5.334a8 8 0 1 0 0 16 8 8 0 0 0 0-16",
className: "icon-camera_svg__fill"
})));
var _path$P;
function _extends$S() { return _extends$S = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$S.apply(null, arguments); }
const SvgIconChannels = props => /*#__PURE__*/React.createElement("svg", _extends$S({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "m42.65 5.333.311.017a2.666 2.666 0 0 1 2.373 2.633l-.017.311-1.45 13.04h9.466a2.667 2.667 0 0 1 .311 5.315l-.31.018H43.271l-1.184 10.666h11.245a2.667 2.667 0 0 1 .312 5.316l-.31.018H41.495l-1.512 13.627a2.667 2.667 0 0 1-5.318-.277l.017-.311 1.448-13.04H25.496l-1.512 13.628a2.667 2.667 0 0 1-5.318-.277l.017-.311 1.448-13.04h-9.464a2.667 2.667 0 0 1-.311-5.315l.31-.018h10.057l1.186-10.667H10.667a2.667 2.667 0 0 1-.311-5.315l.31-.018h11.835l1.515-13.627a2.67 2.67 0 0 1 2.634-2.373l.311.017a2.666 2.666 0 0 1 2.373 2.633l-.017.311-1.45 13.04H38.5l1.515-13.628a2.67 2.67 0 0 1 2.634-2.373zm-5.927 32 1.186-10.667H27.272l-1.184 10.667z",
className: "icon-channels_svg__fill"
})));
var _path$O;
function _extends$R() { return _extends$R = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$R.apply(null, arguments); }
const SvgIconChat = props => /*#__PURE__*/React.createElement("svg", _extends$R({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 2.667C48.2 2.667 61.333 15.8 61.333 32S48.2 61.333 32 61.333c-4.455 0-8.679-.993-12.461-2.77l-1.753.58q-8.947 2.868-12.504 1.981-4.198-1.047-1.657-3.663 1.757-2.094 2.928-5.234.934-2.502-.737-7A29.15 29.15 0 0 1 2.666 32C2.667 15.8 15.8 2.667 32 2.667M32 8C18.745 8 8 18.745 8 32c0 3.5.747 6.88 2.168 9.978l.405.837.137.271.106.285c1.517 4.085 1.89 7.622.734 10.72l-.382.972-.192.433.235-.05a62 62 0 0 0 4.886-1.363l1.721-.568 2.04-.696 1.95.917A23.9 23.9 0 0 0 32 56c13.255 0 24-10.745 24-24S45.255 8 32 8",
className: "icon-chat_svg__fill"
})));
var _path$N;
function _extends$Q() { return _extends$Q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$Q.apply(null, arguments); }
const SvgIconChatFilled = props => /*#__PURE__*/React.createElement("svg", _extends$Q({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 2.667C48.2 2.667 61.333 15.8 61.333 32S48.2 61.333 32 61.333c-4.455 0-8.679-.993-12.461-2.77l-1.753.58q-8.947 2.868-12.504 1.981-4.198-1.047-1.657-3.663 1.757-2.094 2.928-5.234.934-2.502-.737-7A29.15 29.15 0 0 1 2.666 32C2.667 15.8 15.8 2.667 32 2.667",
className: "icon-chat-filled_svg__fill"
})));
var _path$M;
function _extends$P() { return _extends$P = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$P.apply(null, arguments); }
const SvgIconChevronDown = props => /*#__PURE__*/React.createElement("svg", _extends$P({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M16.121 21.879a3 3 0 0 0-4.242 0 3 3 0 0 0 0 4.242l18 18a3 3 0 0 0 4.242 0l18-18a3 3 0 0 0 0-4.242 3 3 0 0 0-4.242 0L32 37.757z",
className: "icon-chevron-down_svg__fill"
})));
var _path$L;
function _extends$O() { return _extends$O = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$O.apply(null, arguments); }
const SvgIconChevronRight = props => /*#__PURE__*/React.createElement("svg", _extends$O({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M22.114 46.114a2.668 2.668 0 0 0 3.772 3.772l16-16a2.67 2.67 0 0 0 0-3.772l-16-16a2.668 2.668 0 0 0-3.772 3.772L36.23 32z",
className: "icon-chevron-right_svg__fill"
})));
var _path$K;
function _extends$N() { return _extends$N = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$N.apply(null, arguments); }
const SvgIconClose = props => /*#__PURE__*/React.createElement("svg", _extends$N({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M52.552 11.448a2.666 2.666 0 0 1 .222 3.52l-.222.251-16.781 16.78 16.781 16.782a2.665 2.665 0 0 1 0 3.771 2.666 2.666 0 0 1-3.52.222l-.251-.222L32 35.771 15.219 52.552a2.665 2.665 0 0 1-3.771 0 2.666 2.666 0 0 1-.222-3.52l.222-.251L28.228 32l-16.78-16.781a2.665 2.665 0 0 1 0-3.771 2.666 2.666 0 0 1 3.52-.222l.251.222 16.78 16.78 16.782-16.78a2.665 2.665 0 0 1 3.771 0",
className: "icon-close_svg__fill"
})));
var _path$J;
function _extends$M() { return _extends$M = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$M.apply(null, arguments); }
const SvgIconCollapse = props => /*#__PURE__*/React.createElement("svg", _extends$M({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M16 8a2.667 2.667 0 0 0-2.649 2.356l-.018.31v42.667a2.667 2.667 0 0 0 5.316.311l.018-.31V34.666h25.56l-6.113 6.114a2.67 2.67 0 0 0-.221 3.52l.221.251a2.666 2.666 0 0 0 3.52.222l.252-.222 10.666-10.666a2.666 2.666 0 0 0 .222-3.52l-.222-.252-10.666-10.666a2.666 2.666 0 0 0-3.993 3.52l.221.251 6.113 6.114h-25.56V10.667A2.667 2.667 0 0 0 16 8",
className: "icon-collapse_svg__fill"
})));
var _path$I;
function _extends$L() { return _extends$L = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$L.apply(null, arguments); }
const SvgIconCopy = props => /*#__PURE__*/React.createElement("svg", _extends$L({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M53.333 21.333a8 8 0 0 1 8 8v24a8 8 0 0 1-8 8h-24a8 8 0 0 1-8-8v-24a8 8 0 0 1 8-8zm0 5.334h-24a2.667 2.667 0 0 0-2.666 2.666v24A2.667 2.667 0 0 0 29.333 56h24A2.667 2.667 0 0 0 56 53.333v-24a2.667 2.667 0 0 0-2.667-2.666m-18.666-24a8 8 0 0 1 7.986 7.53l.014.47v2.666a2.667 2.667 0 0 1-5.316.311l-.018-.31v-2.667a2.67 2.67 0 0 0-2.355-2.65L34.667 8h-24a2.67 2.67 0 0 0-2.65 2.356l-.017.31v24a2.67 2.67 0 0 0 2.356 2.65l.31.017h2.667a2.667 2.667 0 0 1 .311 5.316l-.31.018h-2.667a8 8 0 0 1-7.987-7.53l-.013-.47v-24c0-4.26 3.33-7.743 7.53-7.987l.47-.013z",
className: "icon-copy_svg__fill"
})));
var _path$H;
function _extends$K() { return _extends$K = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$K.apply(null, arguments); }
const SvgIconCreate = props => /*#__PURE__*/React.createElement("svg", _extends$K({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 2.667C48.2 2.667 61.333 15.8 61.333 32S48.2 61.333 32 61.333c-4.455 0-8.679-.993-12.461-2.77l-1.753.58q-8.947 2.868-12.504 1.981-4.198-1.047-1.657-3.663 1.757-2.094 2.928-5.234.934-2.502-.737-7A29.15 29.15 0 0 1 2.666 32C2.667 15.8 15.8 2.667 32 2.667M32 8C18.745 8 8 18.745 8 32c0 3.5.747 6.88 2.168 9.978l.405.837.137.271.106.285c1.517 4.085 1.89 7.622.734 10.72l-.382.972-.192.433.235-.05a62 62 0 0 0 4.886-1.363l1.721-.568 2.04-.696 1.95.917A23.9 23.9 0 0 0 32 56c13.255 0 24-10.745 24-24S45.255 8 32 8m2.667 16v5.333H40c3.556 0 3.556 5.334 0 5.334h-5.333V40c0 3.556-5.334 3.556-5.334 0v-5.333H24c-3.556 0-3.556-5.334 0-5.334h5.333V24c0-3.556 5.334-3.556 5.334 0",
className: "icon-create_svg__fill"
})));
var _path$G;
function _extends$J() { return _extends$J = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$J.apply(null, arguments); }
const SvgIconDelete = props => /*#__PURE__*/React.createElement("svg", _extends$J({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M37.333 2.667c4.26 0 7.743 3.33 7.987 7.53l.013.47v2.666H56a2.667 2.667 0 0 1 .311 5.316l-.311.018h-2.668l.001 34.666c0 4.26-3.33 7.743-7.53 7.987l-.47.013H18.667a8 8 0 0 1-7.987-7.53l-.013-.47V18.667H8a2.667 2.667 0 0 1-.311-5.316L8 13.333h10.666v-2.666a8 8 0 0 1 7.53-7.987l.47-.013zm10.666 16H16v34.666a2.67 2.67 0 0 0 2.356 2.65l.31.017h26.667a2.67 2.67 0 0 0 2.65-2.356l.017-.31zm-21.332 8a2.667 2.667 0 0 1 2.648 2.355l.018.311v16a2.667 2.667 0 0 1-5.316.311l-.017-.31v-16a2.667 2.667 0 0 1 2.667-2.667m10.666 0a2.67 2.67 0 0 1 2.65 2.355l.017.311v16a2.667 2.667 0 0 1-5.315.311l-.018-.31v-16a2.667 2.667 0 0 1 2.666-2.667m0-18.667H26.667a2.67 2.67 0 0 0-2.65 2.356l-.017.31v2.667h16v-2.666a2.67 2.67 0 0 0-2.356-2.65L37.334 8z",
className: "icon-delete_svg__fill"
})));
var _path$F;
function _extends$I() { return _extends$I = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$I.apply(null, arguments); }
const SvgIconDisconnected = props => /*#__PURE__*/React.createElement("svg", _extends$I({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "m54.534 6.069-.248.217-9.736 9.735-.04.04-9.573 9.573q-.226.178-.405.404L6.286 54.286a2.423 2.423 0 0 0 3.18 3.645l.248-.217 13.374-13.373a2.42 2.42 0 0 0 1.88-.401 12.12 12.12 0 0 1 14.04 0 2.424 2.424 0 1 0 2.808-3.952 16.95 16.95 0 0 0-11.303-3.072l6.743-6.744a24.1 24.1 0 0 1 10.159 5.021 2.424 2.424 0 0 0 3.11-3.719 29 29 0 0 0-9.34-5.23l5.633-5.634a36.2 36.2 0 0 1 9.225 5.934 2.425 2.425 0 0 0 3.211-3.633 41 41 0 0 0-8.796-5.941l7.256-7.256a2.423 2.423 0 0 0-3.18-3.645m-35.04 21.474a29 29 0 0 0-6.032 3.942 2.424 2.424 0 0 0 3.137 3.697 24 24 0 0 1 5.022-3.282 2.425 2.425 0 0 0-2.127-4.357M4.748 22.909a2.424 2.424 0 0 0 3.207 3.636 36.36 36.36 0 0 1 26.978-8.977 2.424 2.424 0 0 0 .389-4.832A41.2 41.2 0 0 0 4.748 22.909",
className: "icon-disconnected_svg__fill"
})));
var _path$E;
function _extends$H() { return _extends$H = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$H.apply(null, arguments); }
const SvgIconDocument = props => /*#__PURE__*/React.createElement("svg", _extends$H({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M37.333 2.667a3 3 0 0 1 .274.014l.085.01.058.008q.07.01.141.026l.029.007q.075.016.146.037l.034.01q.357.107.663.303l.034.022q.053.034.104.072l.057.043q.045.033.085.068.091.075.176.16l-.126-.117q.075.065.143.135L55.21 19.438q.07.07.134.143l.035.04q.04.047.076.096l.04.054.07.1.024.038c.16.253.279.535.347.836l.01.048q.014.064.024.13l.006.048.007.051.004.041q.014.135.014.27v32a8 8 0 0 1-8 8H16a8 8 0 0 1-8-8V10.667a8 8 0 0 1 8-8zM34.666 8H16a2.667 2.667 0 0 0-2.667 2.667v42.666A2.667 2.667 0 0 0 16 56h32a2.667 2.667 0 0 0 2.667-2.667L50.666 24H37.333a2.667 2.667 0 0 1-2.648-2.356l-.018-.31zm12.227 10.667-6.894-6.894.001 6.894z",
className: "icon-document_svg__fill"
})));
var _path$D;
function _extends$G() { return _extends$G = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$G.apply(null, arguments); }
const SvgIconDone = props => /*#__PURE__*/React.createElement("svg", _extends$G({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M12.552 31.448a2.665 2.665 0 1 0-3.771 3.771l13.333 13.333a2.666 2.666 0 0 0 3.772 0L55.219 19.22a2.667 2.667 0 0 0-3.771-3.771L24 42.895z",
className: "icon-done_svg__fill"
})));
var _path$C;
function _extends$F() { return _extends$F = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$F.apply(null, arguments); }
const SvgIconDoneAll = props => /*#__PURE__*/React.createElement("svg", _extends$F({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M5.886 31.448 19.219 44.78a2.667 2.667 0 0 1-3.771 3.771L2.114 35.22a2.667 2.667 0 0 1 3.772-3.771zm52.228-16a2.666 2.666 0 1 1 3.772 3.771L32.552 48.552a2.665 2.665 0 0 1-3.771 0L15.448 35.22a2.665 2.665 0 0 1 0-3.771 2.665 2.665 0 0 1 3.771 0l11.448 11.447zm-9.562 0a2.665 2.665 0 0 1 0 3.771L32.556 35.215a2.665 2.665 0 0 1-3.771 0 2.664 2.664 0 0 1 0-3.77L44.78 15.447a2.665 2.665 0 0 1 3.771 0z",
className: "icon-done-all_svg__fill"
})));
var _path$B;
function _extends$E() { return _extends$E = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$E.apply(null, arguments); }
const SvgIconDownload = props => /*#__PURE__*/React.createElement("svg", _extends$E({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M56 42.667a2.667 2.667 0 0 1 2.649 2.355l.018.311v8c0 4.26-3.33 7.743-7.53 7.987l-.47.013H13.333a8 8 0 0 1-7.986-7.53l-.014-.47v-8a2.667 2.667 0 0 1 5.316-.311l.018.311v8a2.67 2.67 0 0 0 2.355 2.65l.311.017h37.334a2.667 2.667 0 0 0 2.648-2.356l.018-.31v-8A2.667 2.667 0 0 1 56 42.667m-36.552-8.781a2.666 2.666 0 0 1 3.52-3.993l.251.221 6.114 6.114V5.333a2.667 2.667 0 0 1 5.316-.311l.018.311v30.894l6.114-6.113a2.67 2.67 0 0 1 3.52-.221l.251.221a2.666 2.666 0 0 1 .222 3.52l-.222.252-10.658 10.657a2 2 0 0 1-.135.128l.127-.119a3 3 0 0 1-.195.176l-.056.045-.086.064-.056.04-.086.056-.06.036-.081.046-.079.04a3 3 0 0 1-.14.065l-.09.036q-.034.014-.067.025l-.09.03-.063.019q-.064.018-.13.034l-.013.003-.144.028-.064.01q-.045.008-.092.012l-.084.008-.103.006-.069.002h-.095q-.042 0-.082-.003l.139.003q-.126 0-.249-.011l-.061-.007-.092-.012-.09-.015-.118-.025-.04-.01a3 3 0 0 1-.34-.11l-.015-.006q-.074-.03-.145-.063l-.042-.02L30.71 45l-.067-.039q-.045-.026-.087-.054l-.062-.041q-.045-.03-.088-.063l-.04-.03-.008-.007a3 3 0 0 1-.251-.223z",
className: "icon-download_svg__fill"
})));
var _path$A;
function _extends$D() { return _extends$D = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$D.apply(null, arguments); }
const SvgIconEdit = props => /*#__PURE__*/React.createElement("svg", _extends$D({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 65 65"
}, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M56 56a2.667 2.667 0 0 1 .311 5.315l-.311.018H8a2.667 2.667 0 0 1-.311-5.316L8 56zM35.448 3.448a2.665 2.665 0 0 1 3.771 0l10.667 10.666a2.67 2.67 0 0 1 0 3.772L20.552 47.219c-.5.5-1.178.781-1.885.781H8a2.667 2.667 0 0 1-2.667-2.667V34.667c0-.708.281-1.386.781-1.886zm1.885 5.659L10.667 35.77v6.896h6.89L44.227 16z",
className: "icon-edit_svg__fill"
})));
var _path$z;
function _extends$C() { return _extends$C = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$C.apply(null, arguments); }
const SvgIconEmojiMore = props => /*#__PURE__*/React.createElement("svg", _extends$C({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32.097 3.22c2.65 0 5.255.357 7.763 1.054a2.134 2.134 0 0 1-1.144 4.111 24.7 24.7 0 0 0-6.619-.899c-13.603 0-24.63 11.027-24.63 24.63s11.027 24.63 24.63 24.63 24.63-11.027 24.63-24.63c0-2.227-.295-4.413-.87-6.518a2.13 2.13 0 0 1 1.494-2.62 2.13 2.13 0 0 1 2.62 1.494 29 29 0 0 1 1.023 7.644c0 15.96-12.938 28.897-28.897 28.897-15.96 0-28.897-12.937-28.897-28.897S16.138 3.22 32.097 3.22m10.705 34.792a2.133 2.133 0 0 1 2.024 2.808c-1.873 5.623-6.937 9.488-12.729 9.488s-10.856-3.865-12.73-9.488a2.134 2.134 0 0 1 1.875-2.803l.15-.005zm-3.477 4.266H24.867l.294.382c1.539 1.887 3.718 3.113 6.115 3.342l.314.024.507.015c2.617 0 5.037-1.188 6.743-3.151l.193-.23zM21.392 21.954c1.087 0 1.985.814 2.116 1.866l.017.267v5.353a2.133 2.133 0 0 1-4.25.268l-.017-.268v-5.353c0-1.178.955-2.133 2.134-2.133m21.41 0c1.088 0 1.985.814 2.117 1.866l.017.267v5.353a2.133 2.133 0 0 1-4.25.268l-.017-.268v-5.353c0-1.178.955-2.133 2.133-2.133M54.853 0a.8.8 0 0 1 .8.8v7.786h7.76a.8.8 0 0 1 .8.8v2.667a.8.8 0 0 1-.8.8h-7.76v7.758a.8.8 0 0 1-.8.8h-2.666a.8.8 0 0 1-.8-.8v-7.758h-7.785a.8.8 0 0 1-.8-.8V9.387a.8.8 0 0 1 .8-.8l7.784-.001V.8a.8.8 0 0 1 .8-.8z",
className: "icon-emoji-more_svg__fill"
})));
var _path$y;
function _extends$B() { return _extends$B = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$B.apply(null, arguments); }
const SvgIconError = props => /*#__PURE__*/React.createElement("svg", _extends$B({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 5.06a8 8 0 0 1 6.561 3.424l.287.439 22.608 37.744a8 8 0 0 1 .022 7.962 8 8 0 0 1-6.356 4.014l-.535.024H9.384a8 8 0 0 1-6.862-4.038 8.01 8.01 0 0 1-.226-7.493l.27-.506L25.16 8.91A8 8 0 0 1 32 5.06m0 5.333c-.816 0-1.58.372-2.076.99l-.196.28-22.565 37.67a2.67 2.67 0 0 0 1.909 3.973l.341.027h45.144a2.67 2.67 0 0 0 2.45-3.659l-.148-.304L34.28 11.676A2.67 2.67 0 0 0 32 10.393m0 32.274A2.667 2.667 0 1 1 32 48a2.667 2.667 0 0 1 0-5.333m0-21.334a2.667 2.667 0 0 1 2.649 2.356l.018.311v10.667a2.667 2.667 0 0 1-5.316.311l-.018-.311V24A2.667 2.667 0 0 1 32 21.333",
className: "icon-error_svg__fill"
})));
var _path$x;
function _extends$A() { return _extends$A = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$A.apply(null, arguments); }
const SvgIconExpand = props => /*#__PURE__*/React.createElement("svg", _extends$A({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M48 8a2.667 2.667 0 0 1 2.649 2.356l.018.31V32l-.001.027v21.306a2.667 2.667 0 0 1-5.315.311l-.018-.31V34.665H19.772l6.114 6.115a2.67 2.67 0 0 1 .221 3.52l-.221.251a2.666 2.666 0 0 1-3.52.222l-.252-.222-10.666-10.666a2.666 2.666 0 0 1-.222-3.52l.222-.252 10.666-10.666a2.666 2.666 0 0 1 3.993 3.52l-.221.251-6.113 6.114h25.56V10.667A2.667 2.667 0 0 1 48 8",
className: "icon-expand_svg__fill"
})));
var _path$w;
function _extends$z() { return _extends$z = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$z.apply(null, arguments); }
const SvgIconFileAudio = props => /*#__PURE__*/React.createElement("svg", _extends$z({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M30.52 12.51c1.685-1.226 4.139-.103 4.139 1.893v35.194c0 1.996-2.454 3.119-4.138 1.893l-12.45-9.909H7.898c-1.416 0-2.564-1.074-2.564-2.399V24.818c0-1.325 1.148-2.4 2.564-2.4h10.175zm20.427.163c10.293 10.667 10.293 27.987 0 38.654a2.137 2.137 0 0 1-3.156-.047c-.86-.942-.84-2.448.044-3.364 8.49-8.799 8.49-23.033 0-31.832-.884-.916-.904-2.422-.044-3.364a2.137 2.137 0 0 1 3.156-.047m-8.492 8.799c5.597 5.8 5.597 15.231 0 21.031a2.136 2.136 0 0 1-3.156-.046c-.86-.942-.84-2.448.044-3.364 3.794-3.932 3.794-10.279 0-14.211-.884-.916-.904-2.422-.044-3.363a2.136 2.136 0 0 1 3.156-.047",
className: "icon-file-audio_svg__fill"
})));
var _path$v;
function _extends$y() { return _extends$y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$y.apply(null, arguments); }
const SvgIconFileDocument = props => /*#__PURE__*/React.createElement("svg", _extends$y({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M39.414 6.4a2.4 2.4 0 0 1 1.71.701l12.642 12.75c.407.41.634.953.634 1.516v29.765c0 3.542-4.342 6.468-8 6.468H16.16c-3.658 0-6.4-2.926-6.4-6.468L9.6 12.868c0-3.542 2.902-6.468 6.56-6.468zm3.331 35.173-21.49.027-.147.005c-1.066.08-1.908 1.014-1.908 2.155 0 1.193.92 2.16 2.055 2.16l21.49-.027.147-.005c1.066-.08 1.908-1.014 1.908-2.155 0-1.193-.92-2.16-2.055-2.16m0-8.533-21.49.027-.147.005c-1.066.08-1.908 1.014-1.908 2.155 0 1.193.92 2.16 2.055 2.16l21.49-.027.147-.005c1.066-.08 1.908-1.014 1.908-2.155 0-1.193-.92-2.16-2.055-2.16m-11.807-8.507h-9.6l-.153.006a2.15 2.15 0 0 0-1.985 2.154c0 1.193.957 2.16 2.138 2.16h9.6l.152-.005a2.15 2.15 0 0 0 1.985-2.155c0-1.193-.957-2.16-2.137-2.16",
className: "icon-file-document_svg__fill"
})));
var _path$u;
function _extends$x() { return _extends$x = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$x.apply(null, arguments); }
const SvgIconFreeze = props => /*#__PURE__*/React.createElement("svg", _extends$x({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "m41.636 3.226.251.222a2.67 2.67 0 0 1 .222 3.52l-.222.251-7.219 7.218V27.38l11.209-6.472 2.643-9.86a2.667 2.667 0 0 1 5.218 1.051l-.067.329-2.237 8.35 8.352 2.24a2.67 2.67 0 0 1 1.952 2.938l-.067.328a2.67 2.67 0 0 1-2.937 1.952l-.329-.066-9.861-2.643L37.334 32l11.209 6.47 9.862-2.64.329-.067a2.67 2.67 0 0 1 2.937 1.952l.067.328a2.67 2.67 0 0 1-1.952 2.938l-8.353 2.237 2.238 8.353.067.329a2.666 2.666 0 0 1-5.218 1.052l-2.643-9.861-11.209-6.472v12.944l7.219 7.218a2.667 2.667 0 0 1-3.52 3.993l-.251-.222L32 54.437l-6.114 6.115a2.666 2.666 0 0 1-3.52.222l-.251-.222a2.666 2.666 0 0 1-.222-3.52l.222-.251 7.218-7.22V36.62l-11.209 6.47-2.642 9.863a2.666 2.666 0 0 1-5.218-1.052l.067-.329 2.236-8.351-8.35-2.24a2.665 2.665 0 0 1-1.953-2.937l.067-.328a2.665 2.665 0 0 1 2.937-1.952l.329.066 9.861 2.642L26.667 32l-11.209-6.472-9.86 2.643-.329.066a2.665 2.665 0 0 1-2.937-1.952l-.067-.328a2.67 2.67 0 0 1 1.952-2.938l8.35-2.239-2.235-8.351-.067-.329a2.667 2.667 0 0 1 5.218-1.052l2.642 9.862 11.209 6.47V14.439L22.116 7.22a2.665 2.665 0 0 1 0-3.771 2.666 2.666 0 0 1 3.52-.222l.251.222 6.114 6.112 6.115-6.112a2.666 2.666 0 0 1 3.52-.222z",
className: "icon-freeze_svg__fill"
})));
var _path$t;
function _extends$w() { return _extends$w = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$w.apply(null, arguments); }
const SvgIconGif = props => /*#__PURE__*/React.createElement("svg", _extends$w({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M16.664 45.333q3.233 0 5.89-.953 2.658-.954 4.113-2.683V31.34h-10.29v3.94h4.902v4.474q-1.292 1.284-4.327 1.283-3.017 0-4.58-2.085-1.561-2.085-1.562-6.168v-1.657q.018-4.047 1.455-6.097t4.184-2.05q2.155 0 3.385 1.034t1.59 3.262h5.243q-.486-4.206-3.107-6.408t-7.273-2.201q-3.34 0-5.827 1.506t-3.807 4.35q-1.32 2.843-1.32 6.728v1.765q.036 3.78 1.428 6.578 1.392 2.797 3.95 4.269 2.56 1.47 5.953 1.47m20.67 0V18.667H32v26.666h5.333zm10.396 0V34.436h9.721v-4.432H47.73v-6.887h10.937v-4.45h-16v26.666z",
className: "icon-gif_svg__fill"
})));
var _path$s;
function _extends$v() { return _extends$v = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$v.apply(null, arguments); }
const SvgIconInfo = props => /*#__PURE__*/React.createElement("svg", _extends$v({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 2.667C48.2 2.667 61.333 15.8 61.333 32S48.2 61.333 32 61.333 2.667 48.2 2.667 32 15.8 2.667 32 2.667M32 8C18.745 8 8 18.745 8 32s10.745 24 24 24 24-10.745 24-24S45.255 8 32 8m1.667 21.333a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3.334a1 1 0 0 1-1-1v-14a1 1 0 0 1 1-1zm-1.667-8a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334",
className: "icon-info_svg__fill"
})));
var _path$r;
function _extends$u() { return _extends$u = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$u.apply(null, arguments); }
const SvgIconLeave = props => /*#__PURE__*/React.createElement("svg", _extends$u({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 5.333a2.667 2.667 0 0 1 .311 5.316l-.311.018H10.667a2.67 2.67 0 0 0-2.65 2.355L8 13.333v37.334a2.667 2.667 0 0 0 2.356 2.648l.31.018H32a2.667 2.667 0 0 1 .311 5.316l-.311.018H10.667a8 8 0 0 1-7.987-7.53l-.013-.47V13.333a8 8 0 0 1 7.53-7.986l.47-.014zm17.634 13.893.252.222 10.666 10.666a2.666 2.666 0 0 1 .222 3.52l-.222.252-10.666 10.666a2.666 2.666 0 0 1-3.993-3.52l.221-.251 4.78-4.782L20 36a2.667 2.667 0 0 1-.311-5.315l.311-.018h33.56l-7.446-7.448a2.67 2.67 0 0 1-.221-3.52l.221-.251a2.666 2.666 0 0 1 3.52-.222",
className: "icon-leave_svg__fill"
})));
var _path$q;
function _extends$t() { return _extends$t = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$t.apply(null, arguments); }
const SvgIconMembers = props => /*#__PURE__*/React.createElement("svg", _extends$t({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M34.667 37.333c7.17 0 13.018 5.66 13.32 12.755l.013.579V56a2.667 2.667 0 0 1-5.315.311L42.667 56v-5.333c0-4.26-3.33-7.743-7.53-7.987l-.47-.013H13.333a8 8 0 0 0-7.986 7.53l-.014.47V56a2.667 2.667 0 0 1-5.316.311L0 56v-5.333c0-7.17 5.66-13.019 12.755-13.321l.578-.013zM54 37.765a13.33 13.33 0 0 1 9.986 12.297l.014.605V56a2.667 2.667 0 0 1-5.315.311L58.667 56v-5.331a8 8 0 0 0-6-7.74A2.667 2.667 0 1 1 54 37.765M24 5.333c7.364 0 13.333 5.97 13.333 13.334S31.363 32 24 32s-13.333-5.97-13.333-13.333S16.637 5.333 24 5.333m19.328.43a13.333 13.333 0 0 1 0 25.834 2.667 2.667 0 1 1-1.323-5.167 8 8 0 0 0 0-15.5 2.667 2.667 0 1 1 1.323-5.167M24 10.667a8 8 0 1 0 0 16 8 8 0 0 0 0-16",
className: "icon-members_svg__fill"
})));
var _path$p;
function _extends$s() { return _extends$s = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$s.apply(null, arguments); }
const SvgIconMessage = props => /*#__PURE__*/React.createElement("svg", _extends$s({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 2.667C48.2 2.667 61.333 15.8 61.333 32S48.2 61.333 32 61.333c-4.455 0-8.679-.993-12.461-2.77l-1.753.58q-8.947 2.868-12.504 1.981-4.198-1.047-1.657-3.663 1.757-2.094 2.928-5.234.934-2.502-.737-7A29.15 29.15 0 0 1 2.666 32C2.667 15.8 15.8 2.667 32 2.667M32 8C18.745 8 8 18.745 8 32c0 3.5.747 6.88 2.168 9.978l.405.837.137.271.106.285c1.517 4.085 1.89 7.622.734 10.72l-.382.972-.192.433.235-.05a62 62 0 0 0 4.886-1.363l1.721-.568 2.04-.696 1.95.917A23.9 23.9 0 0 0 32 56c13.255 0 24-10.745 24-24S45.255 8 32 8M18.667 29.333a2.667 2.667 0 1 1-.001 5.333 2.667 2.667 0 0 1 .001-5.333m13.333 0a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334m13.333 0a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334",
className: "icon-message_svg__fill"
})));
var _path$o;
function _extends$r() { return _extends$r = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$r.apply(null, arguments); }
const SvgIconModerations = props => /*#__PURE__*/React.createElement("svg", _extends$r({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M18.667 34.667a2.667 2.667 0 0 1 .311 5.316l-.311.017h-5.334v16a2.667 2.667 0 0 1-5.316.311L8 56V40H2.667a2.667 2.667 0 0 1-.311-5.315l.31-.018h16zM32 29.333a2.667 2.667 0 0 1 2.649 2.356l.018.311v24a2.667 2.667 0 0 1-5.316.311L29.333 56V32A2.667 2.667 0 0 1 32 29.333M61.333 40a2.667 2.667 0 0 1 .311 5.315l-.31.018h-5.335L56 56a2.667 2.667 0 0 1-5.315.311L50.667 56l-.001-10.668-5.333.001a2.667 2.667 0 0 1-.311-5.316l.311-.017zm-8-34.667a2.67 2.67 0 0 1 2.65 2.356L56 8v24a2.667 2.667 0 0 1-5.315.311L50.667 32V8a2.667 2.667 0 0 1 2.666-2.667m-42.666 0a2.667 2.667 0 0 1 2.648 2.356l.018.311v18.667a2.667 2.667 0 0 1-5.316.311L8 26.667V8a2.667 2.667 0 0 1 2.667-2.667m21.333 0a2.667 2.667 0 0 1 2.649 2.356l.018.311-.001 10.666H40a2.668 2.668 0 0 1 .311 5.317L40 24H24a2.667 2.667 0 0 1-.311-5.315l.311-.018h5.333V8A2.667 2.667 0 0 1 32 5.333",
className: "icon-moderations_svg__fill"
})));
var _path$n;
function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
const SvgIconMore = props => /*#__PURE__*/React.createElement("svg", _extends$q({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "M32 45.333a5.333 5.333 0 1 1 0 10.666 5.333 5.333 0 0 1 0-10.666M32 28a5.333 5.333 0 1 1 0 10.668A5.333 5.333 0 0 1 32 28m0-17.333c2.946 0 5.333 2.387 5.333 5.333S34.946 21.333 32 21.333 26.667 18.946 26.667 16s2.387-5.333 5.333-5.333",
className: "icon-more_svg__fill"
})));
var _path$m;
function _extends$p() { return _extends$p = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$p.apply(null, arguments); }
const SvgIconMute = props => /*#__PURE__*/React.createElement("svg", _extends$p({
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 64 64"
}, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
fill: "#000",
fillRule: "evenodd",
d: "m55.62 19.616.067.123A26.55 26.55 0 0 1 58.667 32c0 4.326-1.03 8.41-2.864 12.025q-1.518 4.089-.67 6.363 1.066 2.855 2.662 4.758 2.31 2.379-1.506 3.33-3.135.782-10.879-1.646l-.488-.155-1.594-.527A26.6 26.6 0 0 1 32 58.667a26.55 26.55 0 0 1-12.326-3.014l-.059-.03 4-4A21.