UNPKG

@sendbird/uikit-react

Version:

Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

sendbird.com

sendbird/sendbird-uikit-react-sources

103 lines (102 loc) • 3.67 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import React from 'react'; import './index.scss'; import { Types } from './type'; import { Colors } from './colors'; export interface IconProps { className?: string | string[]; /** Type: Use strings from below list */ type: Types; /** Type: Use Colors from below list */ fillColor?: Colors; width?: string | number; height?: string | number; onClick?: React.MouseEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLDivElement>; children?: React.ReactNode; testID?: string; } export default function Icon({ className, type, fillColor, width, height, onClick, children, testID, }: IconProps): React.JSX.Element; export declare const IconTypes: { readonly ADD: "ADD"; readonly ARROW_LEFT: "ARROW_LEFT"; readonly ATTACH: "ATTACH"; readonly AUDIO_ON_LINED: "AUDIO_ON_LINED"; readonly BAN: "BAN"; readonly BROADCAST: "BROADCAST"; readonly CAMERA: "CAMERA"; readonly CHANNELS: "CHANNELS"; readonly CHAT: "CHAT"; readonly CHAT_FILLED: "CHAT_FILLED"; readonly CHEVRON_DOWN: "CHEVRON_DOWN"; readonly CHEVRON_RIGHT: "CHEVRON_RIGHT"; readonly CLOSE: "CLOSE"; readonly COLLAPSE: "COLLAPSE"; readonly COPY: "COPY"; readonly CREATE: "CREATE"; readonly DELETE: "DELETE"; readonly DISCONNECTED: "DISCONNECTED"; readonly DOCUMENT: "DOCUMENT"; readonly DONE: "DONE"; readonly DONE_ALL: "DONE_ALL"; readonly DOWNLOAD: "DOWNLOAD"; readonly EDIT: "EDIT"; readonly EMOJI_MORE: "EMOJI_MORE"; readonly ERROR: "ERROR"; readonly EXPAND: "EXPAND"; readonly FILE_AUDIO: "FILE_AUDIO"; readonly FILE_DOCUMENT: "FILE_DOCUMENT"; readonly FREEZE: "FREEZE"; readonly GIF: "GIF"; readonly INFO: "INFO"; readonly LEAVE: "LEAVE"; readonly MARK_AS_UNREAD: "MARK_AS_UNREAD"; readonly MEMBERS: "MEMBERS"; readonly MESSAGE: "MESSAGE"; readonly MODERATIONS: "MODERATIONS"; readonly MORE: "MORE"; readonly MUTE: "MUTE"; readonly NOTIFICATIONS: "NOTIFICATIONS"; readonly NOTIFICATIONS_OFF_FILLED: "NOTIFICATIONS_OFF_FILLED"; readonly OPERATOR: "OPERATOR"; readonly PHOTO: "PHOTO"; readonly PLAY: "PLAY"; readonly PLUS: "PLUS"; readonly QUESTION: "QUESTION"; readonly REFRESH: "REFRESH"; readonly REPLY: "REPLY"; readonly REMOVE: "REMOVE"; readonly SEARCH: "SEARCH"; readonly SEND: "SEND"; readonly SETTINGS_FILLED: "SETTINGS_FILLED"; readonly SLIDE_LEFT: "SLIDE_LEFT"; readonly SPINNER: "SPINNER"; readonly SUPERGROUP: "SUPERGROUP"; readonly THREAD: "THREAD"; readonly THUMBNAIL_NONE: "THUMBNAIL_NONE"; readonly TOGGLE_OFF: "TOGGLE_OFF"; readonly TOGGLE_ON: "TOGGLE_ON"; readonly USER: "USER"; readonly FEEDBACK_LIKE: "FEEDBACK_LIKE"; readonly FEEDBACK_DISLIKE: "FEEDBACK_DISLIKE"; readonly FLOATING_BUTTON_CLOSE: "FLOATING_BUTTON_CLOSE"; }; export declare const IconColors: { readonly DEFAULT: "DEFAULT"; readonly PRIMARY: "PRIMARY"; readonly PRIMARY_2: "PRIMARY_2"; readonly SECONDARY: "SECONDARY"; readonly SECONDARY_2: "SECONDARY_2"; readonly CONTENT: "CONTENT"; readonly CONTENT_INVERSE: "CONTENT_INVERSE"; readonly CONTENT_INVERSE_3: "CONTENT_INVERSE_3"; readonly WHITE: "WHITE"; readonly GRAY: "GRAY"; readonly THUMBNAIL_ICON: "THUMBNAIL_ICON"; readonly SENT: "SENT"; readonly READ: "READ"; readonly ON_BACKGROUND_1: "ON_BACKGROUND_1"; readonly ON_BACKGROUND_2: "ON_BACKGROUND_2"; readonly ON_BACKGROUND_3: "ON_BACKGROUND_3"; readonly ON_BACKGROUND_4: "ON_BACKGROUND_4"; readonly BACKGROUND_3: "BACKGROUND_3"; readonly ERROR: "ERROR"; };