@clikvn/agent-widget-embedded 0.0.11-dev → 0.0.12-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/dist/components/Chat/MultimodalInput.d.ts.map +1 -1
  2. package/dist/index.html +52 -12
  3. package/dist/web.js +1 -1
  4. package/package.json +3 -3
  5. package/.eslintrc +0 -34
  6. package/.prettierrc +0 -8
  7. package/src/assets/common.css +0 -148
  8. package/src/assets/tailwindcss.css +0 -3
  9. package/src/commons/constants/index.ts +0 -1
  10. package/src/commons/constants/variables.ts +0 -25
  11. package/src/components/Agent/index.tsx +0 -14
  12. package/src/components/Chat/AudioPlayer.tsx +0 -44
  13. package/src/components/Chat/Chat.tsx +0 -91
  14. package/src/components/Chat/Icons.tsx +0 -1796
  15. package/src/components/Chat/Markdown.tsx +0 -335
  16. package/src/components/Chat/Message.tsx +0 -217
  17. package/src/components/Chat/MultimodalInput.tsx +0 -505
  18. package/src/components/Chat/Overview.tsx +0 -46
  19. package/src/components/Chat/PreviewAttachment.tsx +0 -46
  20. package/src/components/Chat/SuggestedActions.tsx +0 -99
  21. package/src/components/Chat/ui/Button.tsx +0 -55
  22. package/src/components/Chat/ui/Textarea.tsx +0 -23
  23. package/src/constants.ts +0 -1
  24. package/src/env.d.ts +0 -10
  25. package/src/features/AgentWidget/index.tsx +0 -63
  26. package/src/global.d.ts +0 -1
  27. package/src/hooks/useAudioRecording.ts +0 -50
  28. package/src/hooks/useChat.ts +0 -262
  29. package/src/hooks/useChatData.tsx +0 -68
  30. package/src/hooks/useConfiguration.tsx +0 -63
  31. package/src/hooks/useScrollToBottom.ts +0 -31
  32. package/src/index.ts +0 -1
  33. package/src/models/FlowiseClient.ts +0 -103
  34. package/src/models.ts +0 -1
  35. package/src/register.tsx +0 -85
  36. package/src/services/apis.ts +0 -12
  37. package/src/services/bot.service.ts +0 -15
  38. package/src/services/chat.service.ts +0 -199
  39. package/src/types/bot.type.ts +0 -10
  40. package/src/types/chat.type.ts +0 -11
  41. package/src/types/common.type.ts +0 -24
  42. package/src/types/flowise.type.ts +0 -108
  43. package/src/types/user.type.ts +0 -15
  44. package/src/types.ts +0 -0
  45. package/src/utils/audioRecording.ts +0 -371
  46. package/src/utils/commonUtils.ts +0 -47
  47. package/src/utils/functionUtils.ts +0 -17
  48. package/src/utils/requestUtils.ts +0 -113
  49. package/src/utils/streamUtils.ts +0 -18
  50. package/src/web.ts +0 -6
  51. package/src/window.ts +0 -43
  52. package/tsconfig.json +0 -24
package/src/components/Chat/Icons.tsx DELETED
@@ -1,1796 +0,0 @@
1
- export const BotIcon = () => {
2
- return (
3
- <svg
4
- height="16"
5
- strokeLinejoin="round"
6
- viewBox="0 0 16 16"
7
- width="16"
8
- style={{ color: 'currentcolor' }}
9
- >
10
- <path
11
- fillRule="evenodd"
12
- clipRule="evenodd"
13
- d="M8.75 2.79933C9.19835 2.53997 9.5 2.05521 9.5 1.5C9.5 0.671573 8.82843 0 8 0C7.17157 0 6.5 0.671573 6.5 1.5C6.5 2.05521 6.80165 2.53997 7.25 2.79933V5H7C4.027 5 1.55904 7.16229 1.08296 10H0V13H1V14.5V16H2.5H13.5H15V14.5V13H16V10H14.917C14.441 7.16229 11.973 5 9 5H8.75V2.79933ZM7 6.5C4.51472 6.5 2.5 8.51472 2.5 11V14.5H13.5V11C13.5 8.51472 11.4853 6.5 9 6.5H7ZM7.25 11.25C7.25 12.2165 6.4665 13 5.5 13C4.5335 13 3.75 12.2165 3.75 11.25C3.75 10.2835 4.5335 9.5 5.5 9.5C6.4665 9.5 7.25 10.2835 7.25 11.25ZM10.5 13C11.4665 13 12.25 12.2165 12.25 11.25C12.25 10.2835 11.4665 9.5 10.5 9.5C9.5335 9.5 8.75 10.2835 8.75 11.25C8.75 12.2165 9.5335 13 10.5 13Z"
14
- fill="currentColor"
15
- />
16
- </svg>
17
- );
18
- };
19
-
20
- export const UserIcon = () => {
21
- return (
22
- <svg
23
- data-testid="geist-icon"
24
- height="16"
25
- strokeLinejoin="round"
26
- viewBox="0 0 16 16"
27
- width="16"
28
- style={{ color: 'currentcolor' }}
29
- >
30
- <path
31
- fillRule="evenodd"
32
- clipRule="evenodd"
33
- d="M7.75 0C5.95507 0 4.5 1.45507 4.5 3.25V3.75C4.5 5.54493 5.95507 7 7.75 7H8.25C10.0449 7 11.5 5.54493 11.5 3.75V3.25C11.5 1.45507 10.0449 0 8.25 0H7.75ZM6 3.25C6 2.2835 6.7835 1.5 7.75 1.5H8.25C9.2165 1.5 10 2.2835 10 3.25V3.75C10 4.7165 9.2165 5.5 8.25 5.5H7.75C6.7835 5.5 6 4.7165 6 3.75V3.25ZM2.5 14.5V13.1709C3.31958 11.5377 4.99308 10.5 6.82945 10.5H9.17055C11.0069 10.5 12.6804 11.5377 13.5 13.1709V14.5H2.5ZM6.82945 9C4.35483 9 2.10604 10.4388 1.06903 12.6857L1 12.8353V13V15.25V16H1.75H14.25H15V15.25V13V12.8353L14.931 12.6857C13.894 10.4388 11.6452 9 9.17055 9H6.82945Z"
34
- fill="currentColor"
35
- />
36
- </svg>
37
- );
38
- };
39
-
40
- export const AttachmentIcon = () => {
41
- return (
42
- <svg
43
- height="16"
44
- strokeLinejoin="round"
45
- viewBox="0 0 16 16"
46
- width="16"
47
- style={{ color: 'currentcolor' }}
48
- >
49
- <path
50
- fillRule="evenodd"
51
- clipRule="evenodd"
52
- d="M14.5 6.5V13.5C14.5 14.8807 13.3807 16 12 16H4C2.61929 16 1.5 14.8807 1.5 13.5V1.5V0H3H8H9.08579C9.351 0 9.60536 0.105357 9.79289 0.292893L14.2071 4.70711C14.3946 4.89464 14.5 5.149 14.5 5.41421V6.5ZM13 6.5V13.5C13 14.0523 12.5523 14.5 12 14.5H4C3.44772 14.5 3 14.0523 3 13.5V1.5H8V5V6.5H9.5H13ZM9.5 2.12132V5H12.3787L9.5 2.12132Z"
53
- fill="currentColor"
54
- />
55
- </svg>
56
- );
57
- };
58
-
59
- export const VercelIcon = ({ size = 17 }) => {
60
- return (
61
- <svg
62
- height={size}
63
- strokeLinejoin="round"
64
- viewBox="0 0 16 16"
65
- width={size}
66
- style={{ color: 'currentcolor' }}
67
- >
68
- <path
69
- fillRule="evenodd"
70
- clipRule="evenodd"
71
- d="M8 1L16 15H0L8 1Z"
72
- fill="currentColor"
73
- />
74
- </svg>
75
- );
76
- };
77
-
78
- export const GitIcon = () => {
79
- return (
80
- <svg
81
- height="16"
82
- strokeLinejoin="round"
83
- viewBox="0 0 16 16"
84
- width="16"
85
- style={{ color: 'currentcolor' }}
86
- >
87
- <g clipPath="url(#clip0_872_3147)">
88
- <path
89
- fillRule="evenodd"
90
- clipRule="evenodd"
91
- d="M8 0C3.58 0 0 3.57879 0 7.99729C0 11.5361 2.29 14.5251 5.47 15.5847C5.87 15.6547 6.02 15.4148 6.02 15.2049C6.02 15.0149 6.01 14.3851 6.01 13.7154C4 14.0852 3.48 13.2255 3.32 12.7757C3.23 12.5458 2.84 11.836 2.5 11.6461C2.22 11.4961 1.82 11.1262 2.49 11.1162C3.12 11.1062 3.57 11.696 3.72 11.936C4.44 13.1455 5.59 12.8057 6.05 12.5957C6.12 12.0759 6.33 11.726 6.56 11.5261C4.78 11.3262 2.92 10.6364 2.92 7.57743C2.92 6.70773 3.23 5.98797 3.74 5.42816C3.66 5.22823 3.38 4.40851 3.82 3.30888C3.82 3.30888 4.49 3.09895 6.02 4.1286C6.66 3.94866 7.34 3.85869 8.02 3.85869C8.7 3.85869 9.38 3.94866 10.02 4.1286C11.55 3.08895 12.22 3.30888 12.22 3.30888C12.66 4.40851 12.38 5.22823 12.3 5.42816C12.81 5.98797 13.12 6.69773 13.12 7.57743C13.12 10.6464 11.25 11.3262 9.47 11.5261C9.76 11.776 10.01 12.2558 10.01 13.0056C10.01 14.0752 10 14.9349 10 15.2049C10 15.4148 10.15 15.6647 10.55 15.5847C12.1381 15.0488 13.5182 14.0284 14.4958 12.6673C15.4735 11.3062 15.9996 9.67293 16 7.99729C16 3.57879 12.42 0 8 0Z"
92
- fill="currentColor"
93
- />
94
- </g>
95
- <defs>
96
- <clipPath id="clip0_872_3147">
97
- <rect width="16" height="16" fill="white" />
98
- </clipPath>
99
- </defs>
100
- </svg>
101
- );
102
- };
103
-
104
- export const BoxIcon = ({ size = 16 }: { size: number }) => {
105
- return (
106
- <svg
107
- height={size}
108
- strokeLinejoin="round"
109
- viewBox="0 0 16 16"
110
- width={size}
111
- style={{ color: 'currentcolor' }}
112
- >
113
- <path
114
- fillRule="evenodd"
115
- clipRule="evenodd"
116
- d="M8 0.154663L8.34601 0.334591L14.596 3.58459L15 3.79466V4.25V11.75V12.2053L14.596 12.4154L8.34601 15.6654L8 15.8453L7.65399 15.6654L1.40399 12.4154L1 12.2053V11.75V4.25V3.79466L1.40399 3.58459L7.65399 0.334591L8 0.154663ZM2.5 11.2947V5.44058L7.25 7.81559V13.7647L2.5 11.2947ZM8.75 13.7647L13.5 11.2947V5.44056L8.75 7.81556V13.7647ZM8 1.84534L12.5766 4.22519L7.99998 6.51352L3.42335 4.2252L8 1.84534Z"
117
- fill="currentColor"
118
- />
119
- </svg>
120
- );
121
- };
122
-
123
- export const HomeIcon = ({ size = 16 }: { size: number }) => {
124
- return (
125
- <svg
126
- height={size}
127
- strokeLinejoin="round"
128
- viewBox="0 0 16 16"
129
- width={size}
130
- style={{ color: 'currentcolor' }}
131
- >
132
- <path
133
- fillRule="evenodd"
134
- clipRule="evenodd"
135
- d="M12.5 6.56062L8.00001 2.06062L3.50001 6.56062V13.5L6.00001 13.5V11C6.00001 9.89539 6.89544 8.99996 8.00001 8.99996C9.10458 8.99996 10 9.89539 10 11V13.5L12.5 13.5V6.56062ZM13.78 5.71933L8.70711 0.646409C8.31659 0.255886 7.68342 0.255883 7.2929 0.646409L2.21987 5.71944C2.21974 5.71957 2.21961 5.7197 2.21949 5.71982L0.469676 7.46963L-0.0606537 7.99996L1.00001 9.06062L1.53034 8.53029L2.00001 8.06062V14.25V15H2.75001L6.00001 15H7.50001H8.50001H10L13.25 15H14V14.25V8.06062L14.4697 8.53029L15 9.06062L16.0607 7.99996L15.5303 7.46963L13.7806 5.71993C13.7804 5.71973 13.7802 5.71953 13.78 5.71933ZM8.50001 11V13.5H7.50001V11C7.50001 10.7238 7.72386 10.5 8.00001 10.5C8.27615 10.5 8.50001 10.7238 8.50001 11Z"
136
- fill="currentColor"
137
- />
138
- </svg>
139
- );
140
- };
141
-
142
- export const GPSIcon = ({ size = 16 }: { size: number }) => {
143
- return (
144
- <svg
145
- height={size}
146
- strokeLinejoin="round"
147
- viewBox="0 0 16 16"
148
- width={size}
149
- style={{ color: 'currentcolor' }}
150
- >
151
- <path
152
- d="M1 6L15 1L10 15L7.65955 8.91482C7.55797 8.65073 7.34927 8.44203 7.08518 8.34045L1 6Z"
153
- stroke="currentColor"
154
- strokeWidth="1.5"
155
- strokeLinecap="round"
156
- strokeLinejoin="bevel"
157
- fill="transparent"
158
- />
159
- </svg>
160
- );
161
- };
162
-
163
- export const InvoiceIcon = ({ size = 16 }: { size: number }) => {
164
- return (
165
- <svg
166
- height={size}
167
- strokeLinejoin="round"
168
- viewBox="0 0 16 16"
169
- width={size}
170
- style={{ color: 'currentcolor' }}
171
- >
172
- <path
173
- fillRule="evenodd"
174
- clipRule="evenodd"
175
- d="M13 15.1L12 14.5L10.1524 15.8857C10.0621 15.9534 9.93791 15.9534 9.8476 15.8857L8 14.5L6.14377 15.8922C6.05761 15.9568 5.94008 15.9601 5.85047 15.9003L3.75 14.5L3 15L2.83257 15.1116L1.83633 15.7758L1.68656 15.8756C1.60682 15.9288 1.5 15.8716 1.5 15.7758V15.5958V14.3985V14.1972V1.5V0H3H8H9.08579C9.351 0 9.60536 0.105357 9.79289 0.292893L14.2071 4.70711C14.3946 4.89464 14.5 5.149 14.5 5.41421V6.5V14.2507V14.411V15.5881V15.7881C14.5 15.8813 14.3982 15.9389 14.3183 15.891L14.1468 15.7881L13.1375 15.1825L13 15.1ZM12.3787 5L9.5 2.12132V5H12.3787ZM8 1.5V5V6.5H9.5H13V13.3507L12.7717 13.2138L11.9069 12.6948L11.1 13.3L10 14.125L8.9 13.3L8 12.625L7.1 13.3L5.94902 14.1632L4.58205 13.2519L3.75 12.6972L3 13.1972V1.5H8Z"
176
- fill="currentColor"
177
- />
178
- </svg>
179
- );
180
- };
181
-
182
- export const LogoOpenAI = ({ size = 16 }: { size?: number }) => {
183
- return (
184
- <svg
185
- height={size}
186
- strokeLinejoin="round"
187
- viewBox="0 0 16 16"
188
- width={size}
189
- style={{ color: 'currentcolor' }}
190
- >
191
- <path
192
- d="M14.9449 6.54871C15.3128 5.45919 15.1861 4.26567 14.5978 3.27464C13.7131 1.75461 11.9345 0.972595 10.1974 1.3406C9.42464 0.481584 8.3144 -0.00692594 7.15045 7.42132e-05C5.37487 -0.00392587 3.79946 1.1241 3.2532 2.79113C2.11256 3.02164 1.12799 3.72615 0.551837 4.72468C-0.339497 6.24071 -0.1363 8.15175 1.05451 9.45178C0.686626 10.5413 0.813308 11.7348 1.40162 12.7258C2.28637 14.2459 4.06498 15.0279 5.80204 14.6599C6.5743 15.5189 7.68504 16.0074 8.849 15.9999C10.6256 16.0044 12.2015 14.8754 12.7478 13.2069C13.8884 12.9764 14.873 12.2718 15.4491 11.2733C16.3394 9.75728 16.1357 7.84774 14.9454 6.54771L14.9449 6.54871ZM8.85001 14.9544C8.13907 14.9554 7.45043 14.7099 6.90468 14.2604C6.92951 14.2474 6.97259 14.2239 7.00046 14.2069L10.2293 12.3668C10.3945 12.2743 10.4959 12.1008 10.4949 11.9133V7.42173L11.8595 8.19925C11.8742 8.20625 11.8838 8.22025 11.8858 8.23625V11.9558C11.8838 13.6099 10.5263 14.9509 8.85001 14.9544ZM2.32133 12.2028C1.9651 11.5958 1.8369 10.8843 1.95902 10.1938C1.98284 10.2078 2.02489 10.2333 2.05479 10.2503L5.28366 12.0903C5.44733 12.1848 5.65003 12.1848 5.81421 12.0903L9.75604 9.84429V11.3993C9.75705 11.4153 9.74945 11.4308 9.73678 11.4408L6.47295 13.3004C5.01915 14.1264 3.1625 13.6354 2.32184 12.2028H2.32133ZM1.47155 5.24819C1.82626 4.64017 2.38619 4.17516 3.05305 3.93366C3.05305 3.96116 3.05152 4.00966 3.05152 4.04366V7.72424C3.05051 7.91124 3.15186 8.08475 3.31654 8.17725L7.25838 10.4228L5.89376 11.2003C5.88008 11.2093 5.86285 11.2108 5.84765 11.2043L2.58331 9.34327C1.13255 8.51426 0.63494 6.68272 1.47104 5.24869L1.47155 5.24819ZM12.6834 7.82274L8.74157 5.57669L10.1062 4.79968C10.1199 4.79068 10.1371 4.78918 10.1523 4.79568L13.4166 6.65522C14.8699 7.48373 15.3681 9.31827 14.5284 10.7523C14.1732 11.3593 13.6138 11.8243 12.9474 12.0663V8.27575C12.9489 8.08875 12.8481 7.91574 12.6839 7.82274H12.6834ZM14.0414 5.8057C14.0176 5.7912 13.9756 5.7662 13.9457 5.7492L10.7168 3.90916C10.5531 3.81466 10.3504 3.81466 10.1863 3.90916L6.24442 6.15521V4.60017C6.2434 4.58417 6.251 4.56867 6.26367 4.55867L9.52751 2.70063C10.9813 1.87311 12.84 2.36563 13.6781 3.80066C14.0323 4.40667 14.1605 5.11618 14.0404 5.8057H14.0414ZM5.50257 8.57726L4.13744 7.79974C4.12275 7.79274 4.11312 7.77874 4.11109 7.76274V4.04316C4.11211 2.38713 5.47368 1.0451 7.15197 1.0461C7.86189 1.0461 8.54902 1.2921 9.09476 1.74011C9.06993 1.75311 9.02737 1.77661 8.99899 1.79361L5.77012 3.63365C5.60493 3.72615 5.50358 3.89916 5.50459 4.08666L5.50257 8.57626V8.57726ZM6.24391 7.00022L7.99972 5.9997L9.75553 6.99972V9.00027L7.99972 10.0003L6.24391 9.00027V7.00022Z"
193
- fill="currentColor"
194
- />
195
- </svg>
196
- );
197
- };
198
-
199
- export const LogoGoogle = ({ size = 16 }: { size?: number }) => {
200
- return (
201
- <svg
202
- data-testid="geist-icon"
203
- height={size}
204
- strokeLinejoin="round"
205
- viewBox="0 0 16 16"
206
- width={size}
207
- style={{ color: 'currentcolor' }}
208
- >
209
- <path
210
- d="M8.15991 6.54543V9.64362H12.4654C12.2763 10.64 11.709 11.4837 10.8581 12.0509L13.4544 14.0655C14.9671 12.6692 15.8399 10.6182 15.8399 8.18188C15.8399 7.61461 15.789 7.06911 15.6944 6.54552L8.15991 6.54543Z"
211
- fill="#4285F4"
212
- />
213
- <path
214
- d="M3.6764 9.52268L3.09083 9.97093L1.01807 11.5855C2.33443 14.1963 5.03241 16 8.15966 16C10.3196 16 12.1305 15.2873 13.4542 14.0655L10.8578 12.0509C10.1451 12.5309 9.23598 12.8219 8.15966 12.8219C6.07967 12.8219 4.31245 11.4182 3.67967 9.5273L3.6764 9.52268Z"
215
- fill="#34A853"
216
- />
217
- <path
218
- d="M1.01803 4.41455C0.472607 5.49087 0.159912 6.70543 0.159912 7.99995C0.159912 9.29447 0.472607 10.509 1.01803 11.5854C1.01803 11.5926 3.6799 9.51991 3.6799 9.51991C3.5199 9.03991 3.42532 8.53085 3.42532 7.99987C3.42532 7.46889 3.5199 6.95983 3.6799 6.47983L1.01803 4.41455Z"
219
- fill="#FBBC05"
220
- />
221
- <path
222
- d="M8.15982 3.18545C9.33802 3.18545 10.3853 3.59271 11.2216 4.37818L13.5125 2.0873C12.1234 0.792777 10.3199 0 8.15982 0C5.03257 0 2.33443 1.79636 1.01807 4.41455L3.67985 6.48001C4.31254 4.58908 6.07983 3.18545 8.15982 3.18545Z"
223
- fill="#EA4335"
224
- />
225
- </svg>
226
- );
227
- };
228
-
229
- export const LogoAnthropic = () => {
230
- return (
231
- <svg
232
- xmlns="http://www.w3.org/2000/svg"
233
- xmlnsXlink="http://www.w3.org/1999/xlink"
234
- x="0px"
235
- y="0px"
236
- viewBox="0 0 92.2 65"
237
- style={{ color: 'currentcolor', fill: 'currentcolor' }}
238
- width="18px"
239
- height="18px"
240
- >
241
- <path
242
- d="M66.5,0H52.4l25.7,65h14.1L66.5,0z M25.7,0L0,65h14.4l5.3-13.6h26.9L51.8,65h14.4L40.5,0C40.5,0,25.7,0,25.7,0z
243
- M24.3,39.3l8.8-22.8l8.8,22.8H24.3z"
244
- />
245
- </svg>
246
- );
247
- };
248
-
249
- export const RouteIcon = ({ size = 16 }: { size?: number }) => {
250
- return (
251
- <svg
252
- height={size}
253
- strokeLinejoin="round"
254
- viewBox="0 0 16 16"
255
- width={size}
256
- style={{ color: 'currentcolor' }}
257
- >
258
- <path
259
- fillRule="evenodd"
260
- clipRule="evenodd"
261
- d="M7.53033 0.719661L7 0.189331L5.93934 1.24999L6.46967 1.78032L6.68934 1.99999H3.375C1.51104 1.99999 0 3.51103 0 5.37499C0 7.23895 1.51104 8.74999 3.375 8.74999H12.625C13.6605 8.74999 14.5 9.58946 14.5 10.625C14.5 11.6605 13.6605 12.5 12.625 12.5H4.88555C4.56698 11.4857 3.61941 10.75 2.5 10.75C1.11929 10.75 0 11.8693 0 13.25C0 14.6307 1.11929 15.75 2.5 15.75C3.61941 15.75 4.56698 15.0143 4.88555 14H12.625C14.489 14 16 12.489 16 10.625C16 8.76103 14.489 7.24999 12.625 7.24999H3.375C2.33947 7.24999 1.5 6.41052 1.5 5.37499C1.5 4.33946 2.33947 3.49999 3.375 3.49999H6.68934L6.46967 3.71966L5.93934 4.24999L7 5.31065L7.53033 4.78032L8.85355 3.4571C9.24408 3.06657 9.24408 2.43341 8.85355 2.04288L7.53033 0.719661ZM2.5 14.25C3.05228 14.25 3.5 13.8023 3.5 13.25C3.5 12.6977 3.05228 12.25 2.5 12.25C1.94772 12.25 1.5 12.6977 1.5 13.25C1.5 13.8023 1.94772 14.25 2.5 14.25ZM14.5 2.74999C14.5 3.30228 14.0523 3.74999 13.5 3.74999C12.9477 3.74999 12.5 3.30228 12.5 2.74999C12.5 2.19771 12.9477 1.74999 13.5 1.74999C14.0523 1.74999 14.5 2.19771 14.5 2.74999ZM16 2.74999C16 4.1307 14.8807 5.24999 13.5 5.24999C12.1193 5.24999 11 4.1307 11 2.74999C11 1.36928 12.1193 0.249991 13.5 0.249991C14.8807 0.249991 16 1.36928 16 2.74999Z"
262
- fill="currentColor"
263
- />
264
- </svg>
265
- );
266
- };
267
-
268
- export const FileIcon = ({ size = 16 }: { size?: number }) => {
269
- return (
270
- <svg
271
- height={size}
272
- strokeLinejoin="round"
273
- viewBox="0 0 16 16"
274
- width={size}
275
- style={{ color: 'currentcolor' }}
276
- >
277
- <path
278
- fillRule="evenodd"
279
- clipRule="evenodd"
280
- d="M14.5 13.5V6.5V5.41421C14.5 5.149 14.3946 4.89464 14.2071 4.70711L9.79289 0.292893C9.60536 0.105357 9.351 0 9.08579 0H8H3H1.5V1.5V13.5C1.5 14.8807 2.61929 16 4 16H12C13.3807 16 14.5 14.8807 14.5 13.5ZM13 13.5V6.5H9.5H8V5V1.5H3V13.5C3 14.0523 3.44772 14.5 4 14.5H12C12.5523 14.5 13 14.0523 13 13.5ZM9.5 5V2.12132L12.3787 5H9.5ZM5.13 5.00062H4.505V6.25062H5.13H6H6.625V5.00062H6H5.13ZM4.505 8H5.13H11H11.625V9.25H11H5.13H4.505V8ZM5.13 11H4.505V12.25H5.13H11H11.625V11H11H5.13Z"
281
- fill="currentColor"
282
- />
283
- </svg>
284
- );
285
- };
286
-
287
- export const LoaderIcon = ({ size = 16 }: { size?: number }) => {
288
- return (
289
- <svg
290
- height={size}
291
- strokeLinejoin="round"
292
- viewBox="0 0 16 16"
293
- width={size}
294
- style={{ color: 'currentcolor' }}
295
- >
296
- <g clipPath="url(#clip0_2393_1490)">
297
- <path d="M8 0V4" stroke="currentColor" strokeWidth="1.5" />
298
- <path
299
- opacity="0.5"
300
- d="M8 16V12"
301
- stroke="currentColor"
302
- strokeWidth="1.5"
303
- />
304
- <path
305
- opacity="0.9"
306
- d="M3.29773 1.52783L5.64887 4.7639"
307
- stroke="currentColor"
308
- strokeWidth="1.5"
309
- />
310
- <path
311
- opacity="0.1"
312
- d="M12.7023 1.52783L10.3511 4.7639"
313
- stroke="currentColor"
314
- strokeWidth="1.5"
315
- />
316
- <path
317
- opacity="0.4"
318
- d="M12.7023 14.472L10.3511 11.236"
319
- stroke="currentColor"
320
- strokeWidth="1.5"
321
- />
322
- <path
323
- opacity="0.6"
324
- d="M3.29773 14.472L5.64887 11.236"
325
- stroke="currentColor"
326
- strokeWidth="1.5"
327
- />
328
- <path
329
- opacity="0.2"
330
- d="M15.6085 5.52783L11.8043 6.7639"
331
- stroke="currentColor"
332
- strokeWidth="1.5"
333
- />
334
- <path
335
- opacity="0.7"
336
- d="M0.391602 10.472L4.19583 9.23598"
337
- stroke="currentColor"
338
- strokeWidth="1.5"
339
- />
340
- <path
341
- opacity="0.3"
342
- d="M15.6085 10.4722L11.8043 9.2361"
343
- stroke="currentColor"
344
- strokeWidth="1.5"
345
- />
346
- <path
347
- opacity="0.8"
348
- d="M0.391602 5.52783L4.19583 6.7639"
349
- stroke="currentColor"
350
- strokeWidth="1.5"
351
- />
352
- </g>
353
- <defs>
354
- <clipPath id="clip0_2393_1490">
355
- <rect width="16" height="16" fill="white" />
356
- </clipPath>
357
- </defs>
358
- </svg>
359
- );
360
- };
361
-
362
- export const UploadIcon = ({ size = 16 }: { size?: number }) => {
363
- return (
364
- <svg
365
- data-testid="geist-icon"
366
- height={size}
367
- strokeLinejoin="round"
368
- viewBox="0 0 16 16"
369
- width={size}
370
- style={{ color: 'currentcolor' }}
371
- >
372
- <path
373
- fillRule="evenodd"
374
- clipRule="evenodd"
375
- d="M1.5 4.875C1.5 3.01104 3.01104 1.5 4.875 1.5C6.20018 1.5 7.34838 2.26364 7.901 3.37829C8.1902 3.96162 8.79547 4.5 9.60112 4.5H12.25C13.4926 4.5 14.5 5.50736 14.5 6.75C14.5 7.42688 14.202 8.03329 13.7276 8.44689L13.1622 8.93972L14.1479 10.0704L14.7133 9.57758C15.5006 8.89123 16 7.8785 16 6.75C16 4.67893 14.3211 3 12.25 3H9.60112C9.51183 3 9.35322 2.93049 9.2449 2.71201C8.44888 1.1064 6.79184 0 4.875 0C2.18261 0 0 2.18261 0 4.875V6.40385C0 7.69502 0.598275 8.84699 1.52982 9.59656L2.11415 10.0667L3.0545 8.89808L2.47018 8.42791C1.87727 7.95083 1.5 7.22166 1.5 6.40385V4.875ZM7.29289 7.39645C7.68342 7.00592 8.31658 7.00592 8.70711 7.39645L11.7803 10.4697L12.3107 11L11.25 12.0607L10.7197 11.5303L8.75 9.56066V15.25V16H7.25V15.25V9.56066L5.28033 11.5303L4.75 12.0607L3.68934 11L4.21967 10.4697L7.29289 7.39645Z"
376
- fill="currentColor"
377
- />
378
- </svg>
379
- );
380
- };
381
-
382
- export const MenuIcon = ({ size = 16 }: { size?: number }) => {
383
- return (
384
- <svg
385
- height={size}
386
- strokeLinejoin="round"
387
- viewBox="0 0 16 16"
388
- width={size}
389
- style={{ color: 'currentcolor' }}
390
- >
391
- <path
392
- fillRule="evenodd"
393
- clipRule="evenodd"
394
- d="M1 2H1.75H14.25H15V3.5H14.25H1.75H1V2ZM1 12.5H1.75H14.25H15V14H14.25H1.75H1V12.5ZM1.75 7.25H1V8.75H1.75H14.25H15V7.25H14.25H1.75Z"
395
- fill="currentColor"
396
- />
397
- </svg>
398
- );
399
- };
400
-
401
- export const PencilEditIcon = ({ size = 16 }: { size?: number }) => {
402
- return (
403
- <svg
404
- height={size}
405
- strokeLinejoin="round"
406
- viewBox="0 0 16 16"
407
- width={size}
408
- style={{ color: 'currentcolor' }}
409
- >
410
- <path
411
- fillRule="evenodd"
412
- clipRule="evenodd"
413
- d="M11.75 0.189331L12.2803 0.719661L15.2803 3.71966L15.8107 4.24999L15.2803 4.78032L5.15901 14.9016C4.45575 15.6049 3.50192 16 2.50736 16H0.75H0V15.25V13.4926C0 12.4981 0.395088 11.5442 1.09835 10.841L11.2197 0.719661L11.75 0.189331ZM11.75 2.31065L9.81066 4.24999L11.75 6.18933L13.6893 4.24999L11.75 2.31065ZM2.15901 11.9016L8.75 5.31065L10.6893 7.24999L4.09835 13.841C3.67639 14.2629 3.1041 14.5 2.50736 14.5H1.5V13.4926C1.5 12.8959 1.73705 12.3236 2.15901 11.9016ZM9 16H16V14.5H9V16Z"
414
- fill="currentColor"
415
- />
416
- </svg>
417
- );
418
- };
419
-
420
- export const CheckedSquare = ({ size = 16 }: { size?: number }) => {
421
- return (
422
- <svg
423
- height={size}
424
- strokeLinejoin="round"
425
- viewBox="0 0 16 16"
426
- width={size}
427
- style={{ color: 'currentcolor' }}
428
- >
429
- <path
430
- fillRule="evenodd"
431
- clipRule="evenodd"
432
- d="M15 16H1C0.447715 16 0 15.5523 0 15V1C0 0.447715 0.447716 0 1 0L15 8.17435e-06C15.5523 8.47532e-06 16 0.447724 16 1.00001V15C16 15.5523 15.5523 16 15 16ZM11.7803 6.28033L12.3107 5.75L11.25 4.68934L10.7197 5.21967L6.5 9.43935L5.28033 8.21967L4.75001 7.68934L3.68934 8.74999L4.21967 9.28033L5.96967 11.0303C6.11032 11.171 6.30109 11.25 6.5 11.25C6.69891 11.25 6.88968 11.171 7.03033 11.0303L11.7803 6.28033Z"
433
- fill="currentColor"
434
- />
435
- </svg>
436
- );
437
- };
438
-
439
- export const UncheckedSquare = ({ size = 16 }: { size?: number }) => {
440
- return (
441
- <svg
442
- height={size}
443
- strokeLinejoin="round"
444
- viewBox="0 0 16 16"
445
- width={size}
446
- style={{ color: 'currentcolor' }}
447
- >
448
- <rect
449
- x="1"
450
- y="1"
451
- width="14"
452
- height="14"
453
- stroke="currentColor"
454
- strokeWidth="1.5"
455
- fill="none"
456
- />
457
- </svg>
458
- );
459
- };
460
-
461
- export const MoreIcon = ({ size = 16 }: { size?: number }) => {
462
- return (
463
- <svg
464
- height={size}
465
- strokeLinejoin="round"
466
- viewBox="0 0 16 16"
467
- width={size}
468
- style={{ color: 'currentcolor' }}
469
- >
470
- <path
471
- fillRule="evenodd"
472
- clipRule="evenodd"
473
- d="M8 4C7.17157 4 6.5 3.32843 6.5 2.5C6.5 1.67157 7.17157 1 8 1C8.82843 1 9.5 1.67157 9.5 2.5C9.5 3.32843 8.82843 4 8 4ZM8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8C9.5 8.82843 8.82843 9.5 8 9.5ZM6.5 13.5C6.5 14.3284 7.17157 15 8 15C8.82843 15 9.5 14.3284 9.5 13.5C9.5 12.6716 8.82843 12 8 12C7.17157 12 6.5 12.6716 6.5 13.5Z"
474
- fill="currentColor"
475
- />
476
- </svg>
477
- );
478
- };
479
-
480
- export const TrashIcon = ({
481
- size = 16,
482
- color,
483
- }: {
484
- size?: number;
485
- color?: string;
486
- }) => {
487
- return (
488
- <svg
489
- height={size}
490
- strokeLinejoin="round"
491
- viewBox="0 0 16 16"
492
- width={size}
493
- style={{ color: color || 'currentcolor' }}
494
- >
495
- <path
496
- fillRule="evenodd"
497
- clipRule="evenodd"
498
- d="M6.75 2.75C6.75 2.05964 7.30964 1.5 8 1.5C8.69036 1.5 9.25 2.05964 9.25 2.75V3H6.75V2.75ZM5.25 3V2.75C5.25 1.23122 6.48122 0 8 0C9.51878 0 10.75 1.23122 10.75 2.75V3H12.9201H14.25H15V4.5H14.25H13.8846L13.1776 13.6917C13.0774 14.9942 11.9913 16 10.6849 16H5.31508C4.00874 16 2.92263 14.9942 2.82244 13.6917L2.11538 4.5H1.75H1V3H1.75H3.07988H5.25ZM4.31802 13.5767L3.61982 4.5H12.3802L11.682 13.5767C11.6419 14.0977 11.2075 14.5 10.6849 14.5H5.31508C4.79254 14.5 4.3581 14.0977 4.31802 13.5767Z"
499
- fill="currentColor"
500
- />
501
- </svg>
502
- );
503
- };
504
-
505
- export const InfoIcon = ({ size = 16 }: { size?: number }) => {
506
- return (
507
- <svg
508
- height={size}
509
- strokeLinejoin="round"
510
- viewBox="0 0 16 16"
511
- width={size}
512
- style={{ color: 'currentcolor' }}
513
- >
514
- <path
515
- fillRule="evenodd"
516
- clipRule="evenodd"
517
- d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM6.25002 7H7.00002H7.75C8.30229 7 8.75 7.44772 8.75 8V11.5V12.25H7.25V11.5V8.5H7.00002H6.25002V7ZM8 6C8.55229 6 9 5.55228 9 5C9 4.44772 8.55229 4 8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6Z"
518
- fill="currentColor"
519
- />
520
- </svg>
521
- );
522
- };
523
-
524
- export const ArrowUpIcon = ({ size = 16 }: { size?: number }) => {
525
- return (
526
- <svg
527
- height={size}
528
- strokeLinejoin="round"
529
- viewBox="0 0 16 16"
530
- width={size}
531
- style={{ color: 'currentcolor' }}
532
- >
533
- <path
534
- fillRule="evenodd"
535
- clipRule="evenodd"
536
- d="M8.70711 1.39644C8.31659 1.00592 7.68342 1.00592 7.2929 1.39644L2.21968 6.46966L1.68935 6.99999L2.75001 8.06065L3.28034 7.53032L7.25001 3.56065V14.25V15H8.75001V14.25V3.56065L12.7197 7.53032L13.25 8.06065L14.3107 6.99999L13.7803 6.46966L8.70711 1.39644Z"
537
- fill="currentColor"
538
- />
539
- </svg>
540
- );
541
- };
542
-
543
- export const StopIcon = ({ size = 16 }: { size?: number }) => {
544
- return (
545
- <svg
546
- height={size}
547
- viewBox="0 0 16 16"
548
- width={size}
549
- style={{ color: 'currentcolor' }}
550
- >
551
- <path
552
- fillRule="evenodd"
553
- clipRule="evenodd"
554
- d="M3 3H13V13H3V3Z"
555
- fill="currentColor"
556
- />
557
- </svg>
558
- );
559
- };
560
-
561
- export const PaperclipIcon = ({ size = 16 }: { size?: number }) => {
562
- return (
563
- <svg
564
- height={size}
565
- strokeLinejoin="round"
566
- viewBox="0 0 16 16"
567
- width={size}
568
- style={{ color: 'currentcolor' }}
569
- className="-rotate-45"
570
- >
571
- <path
572
- fillRule="evenodd"
573
- clipRule="evenodd"
574
- d="M10.8591 1.70735C10.3257 1.70735 9.81417 1.91925 9.437 2.29643L3.19455 8.53886C2.56246 9.17095 2.20735 10.0282 2.20735 10.9222C2.20735 11.8161 2.56246 12.6734 3.19455 13.3055C3.82665 13.9376 4.68395 14.2927 5.57786 14.2927C6.47178 14.2927 7.32908 13.9376 7.96117 13.3055L14.2036 7.06304L14.7038 6.56287L15.7041 7.56321L15.204 8.06337L8.96151 14.3058C8.06411 15.2032 6.84698 15.7074 5.57786 15.7074C4.30875 15.7074 3.09162 15.2032 2.19422 14.3058C1.29682 13.4084 0.792664 12.1913 0.792664 10.9222C0.792664 9.65305 1.29682 8.43592 2.19422 7.53852L8.43666 1.29609C9.07914 0.653606 9.95054 0.292664 10.8591 0.292664C11.7678 0.292664 12.6392 0.653606 13.2816 1.29609C13.9241 1.93857 14.2851 2.80997 14.2851 3.71857C14.2851 4.62718 13.9241 5.49858 13.2816 6.14106L13.2814 6.14133L7.0324 12.3835C7.03231 12.3836 7.03222 12.3837 7.03213 12.3838C6.64459 12.7712 6.11905 12.9888 5.57107 12.9888C5.02297 12.9888 4.49731 12.7711 4.10974 12.3835C3.72217 11.9959 3.50444 11.4703 3.50444 10.9222C3.50444 10.3741 3.72217 9.8484 4.10974 9.46084L4.11004 9.46054L9.877 3.70039L10.3775 3.20051L11.3772 4.20144L10.8767 4.70131L5.11008 10.4612C5.11005 10.4612 5.11003 10.4612 5.11 10.4613C4.98779 10.5835 4.91913 10.7493 4.91913 10.9222C4.91913 11.0951 4.98782 11.2609 5.11008 11.3832C5.23234 11.5054 5.39817 11.5741 5.57107 11.5741C5.74398 11.5741 5.9098 11.5054 6.03206 11.3832L6.03233 11.3829L12.2813 5.14072C12.2814 5.14063 12.2815 5.14054 12.2816 5.14045C12.6586 4.7633 12.8704 4.25185 12.8704 3.71857C12.8704 3.18516 12.6585 2.6736 12.2813 2.29643C11.9041 1.91925 11.3926 1.70735 10.8591 1.70735Z"
575
- fill="currentColor"
576
- />
577
- </svg>
578
- );
579
- };
580
-
581
- export const MoreHorizontalIcon = ({ size = 16 }: { size?: number }) => {
582
- return (
583
- <svg
584
- height={size}
585
- strokeLinejoin="round"
586
- viewBox="0 0 16 16"
587
- width={size}
588
- style={{ color: 'currentcolor' }}
589
- >
590
- <path
591
- fillRule="evenodd"
592
- clipRule="evenodd"
593
- d="M4 8C4 8.82843 3.32843 9.5 2.5 9.5C1.67157 9.5 1 8.82843 1 8C1 7.17157 1.67157 6.5 2.5 6.5C3.32843 6.5 4 7.17157 4 8ZM9.5 8C9.5 8.82843 8.82843 9.5 8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8ZM13.5 9.5C14.3284 9.5 15 8.82843 15 8C15 7.17157 14.3284 6.5 13.5 6.5C12.6716 6.5 12 7.17157 12 8C12 8.82843 12.6716 9.5 13.5 9.5Z"
594
- fill="currentColor"
595
- />
596
- </svg>
597
- );
598
- };
599
-
600
- export const MessageIcon = ({ size = 16 }: { size?: number }) => {
601
- return (
602
- <svg
603
- height={size}
604
- strokeLinejoin="round"
605
- viewBox="0 0 16 16"
606
- width={size}
607
- style={{ color: 'currentcolor' }}
608
- >
609
- <path
610
- fillRule="evenodd"
611
- clipRule="evenodd"
612
- d="M2.8914 10.4028L2.98327 10.6318C3.22909 11.2445 3.5 12.1045 3.5 13C3.5 13.3588 3.4564 13.7131 3.38773 14.0495C3.69637 13.9446 4.01409 13.8159 4.32918 13.6584C4.87888 13.3835 5.33961 13.0611 5.70994 12.7521L6.22471 12.3226L6.88809 12.4196C7.24851 12.4724 7.61994 12.5 8 12.5C11.7843 12.5 14.5 9.85569 14.5 7C14.5 4.14431 11.7843 1.5 8 1.5C4.21574 1.5 1.5 4.14431 1.5 7C1.5 8.18175 1.94229 9.29322 2.73103 10.2153L2.8914 10.4028ZM2.8135 15.7653C1.76096 16 1 16 1 16C1 16 1.43322 15.3097 1.72937 14.4367C1.88317 13.9834 2 13.4808 2 13C2 12.3826 1.80733 11.7292 1.59114 11.1903C0.591845 10.0221 0 8.57152 0 7C0 3.13401 3.58172 0 8 0C12.4183 0 16 3.13401 16 7C16 10.866 12.4183 14 8 14C7.54721 14 7.10321 13.9671 6.67094 13.9038C6.22579 14.2753 5.66881 14.6656 5 15C4.23366 15.3832 3.46733 15.6195 2.8135 15.7653Z"
613
- fill="currentColor"
614
- />
615
- </svg>
616
- );
617
- };
618
-
619
- export const CrossIcon = ({ size = 16 }: { size?: number }) => (
620
- <svg
621
- height={size}
622
- strokeLinejoin="round"
623
- viewBox="0 0 16 16"
624
- width={size}
625
- style={{ color: 'currentcolor' }}
626
- >
627
- <path
628
- fillRule="evenodd"
629
- clipRule="evenodd"
630
- d="M12.4697 13.5303L13 14.0607L14.0607 13L13.5303 12.4697L9.06065 7.99999L13.5303 3.53032L14.0607 2.99999L13 1.93933L12.4697 2.46966L7.99999 6.93933L3.53032 2.46966L2.99999 1.93933L1.93933 2.99999L2.46966 3.53032L6.93933 7.99999L2.46966 12.4697L1.93933 13L2.99999 14.0607L3.53032 13.5303L7.99999 9.06065L12.4697 13.5303Z"
631
- fill="currentColor"
632
- />
633
- </svg>
634
- );
635
-
636
- export const UndoIcon = ({ size = 16 }: { size?: number }) => (
637
- <svg
638
- height={size}
639
- strokeLinejoin="round"
640
- viewBox="0 0 16 16"
641
- width={size}
642
- style={{ color: 'currentcolor' }}
643
- >
644
- <path
645
- fillRule="evenodd"
646
- clipRule="evenodd"
647
- d="M13.5 8C13.5 4.96643 11.0257 2.5 7.96452 2.5C5.42843 2.5 3.29365 4.19393 2.63724 6.5H5.25H6V8H5.25H0.75C0.335787 8 0 7.66421 0 7.25V2.75V2H1.5V2.75V5.23347C2.57851 2.74164 5.06835 1 7.96452 1C11.8461 1 15 4.13001 15 8C15 11.87 11.8461 15 7.96452 15C5.62368 15 3.54872 13.8617 2.27046 12.1122L1.828 11.5066L3.03915 10.6217L3.48161 11.2273C4.48831 12.6051 6.12055 13.5 7.96452 13.5C11.0257 13.5 13.5 11.0336 13.5 8Z"
648
- fill="currentColor"
649
- />
650
- </svg>
651
- );
652
-
653
- export const RedoIcon = ({ size = 16 }: { size?: number }) => (
654
- <svg
655
- height={size}
656
- strokeLinejoin="round"
657
- viewBox="0 0 16 16"
658
- width={size}
659
- style={{ color: 'currentcolor' }}
660
- >
661
- <path
662
- fillRule="evenodd"
663
- clipRule="evenodd"
664
- d="M2.5 8C2.5 4.96643 4.97431 2.5 8.03548 2.5C10.5716 2.5 12.7064 4.19393 13.3628 6.5H10.75H10V8H10.75H15.25C15.6642 8 16 7.66421 16 7.25V2.75V2H14.5V2.75V5.23347C13.4215 2.74164 10.9316 1 8.03548 1C4.1539 1 1 4.13001 1 8C1 11.87 4.1539 15 8.03548 15C10.3763 15 12.4513 13.8617 13.7295 12.1122L14.172 11.5066L12.9609 10.6217L12.5184 11.2273C11.5117 12.6051 9.87945 13.5 8.03548 13.5C4.97431 13.5 2.5 11.0336 2.5 8Z"
665
- fill="currentColor"
666
- />
667
- </svg>
668
- );
669
-
670
- export const DeltaIcon = ({ size = 16 }: { size?: number }) => (
671
- <svg
672
- height={size}
673
- strokeLinejoin="round"
674
- viewBox="0 0 16 16"
675
- width={size}
676
- style={{ color: 'currentcolor' }}
677
- >
678
- <path
679
- fillRule="evenodd"
680
- clipRule="evenodd"
681
- d="M2.67705 15H1L1.75 13.5L6.16147 4.67705L6.15836 4.67082L6.16667 4.66667L7.16147 2.67705L8 1L8.83853 2.67705L14.25 13.5L15 15H13.3229H2.67705ZM7 6.3541L10.5729 13.5H3.42705L7 6.3541Z"
682
- fill="currentColor"
683
- />
684
- </svg>
685
- );
686
-
687
- export const PenIcon = ({ size = 16 }: { size?: number }) => (
688
- <svg
689
- height={size}
690
- strokeLinejoin="round"
691
- viewBox="0 0 16 16"
692
- width={size}
693
- style={{ color: 'currentcolor' }}
694
- >
695
- <path
696
- fillRule="evenodd"
697
- clipRule="evenodd"
698
- d="M8.75 0.189331L9.28033 0.719661L15.2803 6.71966L15.8107 7.24999L15.2803 7.78032L13.7374 9.32322C13.1911 9.8696 12.3733 9.97916 11.718 9.65188L9.54863 13.5568C8.71088 15.0648 7.12143 16 5.39639 16H0.75H0V15.25V10.6036C0 8.87856 0.935237 7.28911 2.4432 6.45136L6.34811 4.28196C6.02084 3.62674 6.13039 2.80894 6.67678 2.26255L8.21967 0.719661L8.75 0.189331ZM7.3697 5.43035L10.5696 8.63029L8.2374 12.8283C7.6642 13.8601 6.57668 14.5 5.39639 14.5H2.56066L5.53033 11.5303L4.46967 10.4697L1.5 13.4393V10.6036C1.5 9.42331 2.1399 8.33579 3.17166 7.76259L7.3697 5.43035ZM12.6768 8.26256C12.5791 8.36019 12.4209 8.36019 12.3232 8.26255L12.0303 7.96966L8.03033 3.96966L7.73744 3.67677C7.63981 3.57914 7.63981 3.42085 7.73744 3.32321L8.75 2.31065L13.6893 7.24999L12.6768 8.26256Z"
699
- fill="currentColor"
700
- />
701
- </svg>
702
- );
703
-
704
- export const SummarizeIcon = ({ size = 16 }: { size?: number }) => (
705
- <svg
706
- height={size}
707
- strokeLinejoin="round"
708
- viewBox="0 0 16 16"
709
- width={size}
710
- style={{ color: 'currentcolor' }}
711
- >
712
- <path
713
- fillRule="evenodd"
714
- clipRule="evenodd"
715
- d="M1.75 12H1V10.5H1.75H5.25H6V12H5.25H1.75ZM1.75 7.75H1V6.25H1.75H4.25H5V7.75H4.25H1.75ZM1.75 3.5H1V2H1.75H7.25H8V3.5H7.25H1.75ZM12.5303 14.7803C12.2374 15.0732 11.7626 15.0732 11.4697 14.7803L9.21967 12.5303L8.68934 12L9.75 10.9393L10.2803 11.4697L11.25 12.4393V2.75V2H12.75V2.75V12.4393L13.7197 11.4697L14.25 10.9393L15.3107 12L14.7803 12.5303L12.5303 14.7803Z"
716
- fill="currentColor"
717
- />
718
- </svg>
719
- );
720
-
721
- export const SidebarLeftIcon = ({ size = 16 }: { size?: number }) => (
722
- <svg
723
- height={size}
724
- strokeLinejoin="round"
725
- viewBox="0 0 16 16"
726
- width={size}
727
- style={{ color: 'currentcolor' }}
728
- >
729
- <path
730
- fillRule="evenodd"
731
- clipRule="evenodd"
732
- d="M6.245 2.5H14.5V12.5C14.5 13.0523 14.0523 13.5 13.5 13.5H6.245V2.5ZM4.995 2.5H1.5V12.5C1.5 13.0523 1.94772 13.5 2.5 13.5H4.995V2.5ZM0 1H1.5H14.5H16V2.5V12.5C16 13.8807 14.8807 15 13.5 15H2.5C1.11929 15 0 13.8807 0 12.5V2.5V1Z"
733
- fill="currentColor"
734
- />
735
- </svg>
736
- );
737
-
738
- export const PlusIcon = ({ size = 16 }: { size?: number }) => (
739
- <svg
740
- height={size}
741
- strokeLinejoin="round"
742
- viewBox="0 0 16 16"
743
- width={size}
744
- style={{ color: 'currentcolor' }}
745
- >
746
- <path
747
- fillRule="evenodd"
748
- clipRule="evenodd"
749
- d="M8.75 1.75V1H7.25V1.75V6.75H2.25H1.5V8.25H2.25H7.25V13.25V14H8.75V13.25V8.25H13.75H14.5V6.75H13.75H8.75V1.75Z"
750
- fill="currentColor"
751
- />
752
- </svg>
753
- );
754
-
755
- export const CopyIcon = ({ size = 16 }: { size?: number }) => (
756
- <svg
757
- height={size}
758
- strokeLinejoin="round"
759
- viewBox="0 0 16 16"
760
- width={size}
761
- style={{ color: 'currentcolor' }}
762
- >
763
- <path
764
- fillRule="evenodd"
765
- clipRule="evenodd"
766
- d="M2.75 0.5C1.7835 0.5 1 1.2835 1 2.25V9.75C1 10.7165 1.7835 11.5 2.75 11.5H3.75H4.5V10H3.75H2.75C2.61193 10 2.5 9.88807 2.5 9.75V2.25C2.5 2.11193 2.61193 2 2.75 2H8.25C8.38807 2 8.5 2.11193 8.5 2.25V3H10V2.25C10 1.2835 9.2165 0.5 8.25 0.5H2.75ZM7.75 4.5C6.7835 4.5 6 5.2835 6 6.25V13.75C6 14.7165 6.7835 15.5 7.75 15.5H13.25C14.2165 15.5 15 14.7165 15 13.75V6.25C15 5.2835 14.2165 4.5 13.25 4.5H7.75ZM7.5 6.25C7.5 6.11193 7.61193 6 7.75 6H13.25C13.3881 6 13.5 6.11193 13.5 6.25V13.75C13.5 13.8881 13.3881 14 13.25 14H7.75C7.61193 14 7.5 13.8881 7.5 13.75V6.25Z"
767
- fill="currentColor"
768
- />
769
- </svg>
770
- );
771
-
772
- export const ThumbUpIcon = ({ size = 16 }: { size?: number }) => (
773
- <svg
774
- height={size}
775
- strokeLinejoin="round"
776
- viewBox="0 0 16 16"
777
- width={size}
778
- style={{ color: 'currentcolor' }}
779
- >
780
- <path
781
- fillRule="evenodd"
782
- clipRule="evenodd"
783
- d="M6.89531 2.23972C6.72984 2.12153 6.5 2.23981 6.5 2.44315V5.25001C6.5 6.21651 5.7165 7.00001 4.75 7.00001H2.5V13.5H12.1884C12.762 13.5 13.262 13.1096 13.4011 12.5532L14.4011 8.55318C14.5984 7.76425 14.0017 7.00001 13.1884 7.00001H9.25H8.5V6.25001V3.51458C8.5 3.43384 8.46101 3.35807 8.39531 3.31114L6.89531 2.23972ZM5 2.44315C5 1.01975 6.6089 0.191779 7.76717 1.01912L9.26717 2.09054C9.72706 2.41904 10 2.94941 10 3.51458V5.50001H13.1884C14.9775 5.50001 16.2903 7.18133 15.8563 8.91698L14.8563 12.917C14.5503 14.1412 13.4503 15 12.1884 15H1.75H1V14.25V6.25001V5.50001H1.75H4.75C4.88807 5.50001 5 5.38808 5 5.25001V2.44315Z"
784
- fill="currentColor"
785
- />
786
- </svg>
787
- );
788
-
789
- export const ThumbDownIcon = ({ size = 16 }: { size?: number }) => (
790
- <svg
791
- height={size}
792
- strokeLinejoin="round"
793
- viewBox="0 0 16 16"
794
- width={size}
795
- style={{ color: 'currentcolor' }}
796
- >
797
- <path
798
- fillRule="evenodd"
799
- clipRule="evenodd"
800
- d="M6.89531 13.7603C6.72984 13.8785 6.5 13.7602 6.5 13.5569V10.75C6.5 9.7835 5.7165 9 4.75 9H2.5V2.5H12.1884C12.762 2.5 13.262 2.89037 13.4011 3.44683L14.4011 7.44683C14.5984 8.23576 14.0017 9 13.1884 9H9.25H8.5V9.75V12.4854C8.5 12.5662 8.46101 12.6419 8.39531 12.6889L6.89531 13.7603ZM5 13.5569C5 14.9803 6.6089 15.8082 7.76717 14.9809L9.26717 13.9095C9.72706 13.581 10 13.0506 10 12.4854V10.5H13.1884C14.9775 10.5 16.2903 8.81868 15.8563 7.08303L14.8563 3.08303C14.5503 1.85882 13.4503 1 12.1884 1H1.75H1V1.75V9.75V10.5H1.75H4.75C4.88807 10.5 5 10.6119 5 10.75V13.5569Z"
801
- fill="currentColor"
802
- />
803
- </svg>
804
- );
805
-
806
- export const ChevronDownIcon = ({ size = 16 }: { size?: number }) => (
807
- <svg
808
- height={size}
809
- strokeLinejoin="round"
810
- viewBox="0 0 16 16"
811
- width={size}
812
- style={{ color: 'currentcolor' }}
813
- >
814
- <path
815
- fillRule="evenodd"
816
- clipRule="evenodd"
817
- d="M12.0607 6.74999L11.5303 7.28032L8.7071 10.1035C8.31657 10.4941 7.68341 10.4941 7.29288 10.1035L4.46966 7.28032L3.93933 6.74999L4.99999 5.68933L5.53032 6.21966L7.99999 8.68933L10.4697 6.21966L11 5.68933L12.0607 6.74999Z"
818
- fill="currentColor"
819
- />
820
- </svg>
821
- );
822
-
823
- export const SparklesIcon = ({ size = 16 }: { size?: number }) => (
824
- <svg
825
- height={size}
826
- strokeLinejoin="round"
827
- viewBox="0 0 16 16"
828
- width={size}
829
- style={{ color: 'currentcolor' }}
830
- >
831
- <path
832
- d="M2.5 0.5V0H3.5V0.5C3.5 1.60457 4.39543 2.5 5.5 2.5H6V3V3.5H5.5C4.39543 3.5 3.5 4.39543 3.5 5.5V6H3H2.5V5.5C2.5 4.39543 1.60457 3.5 0.5 3.5H0V3V2.5H0.5C1.60457 2.5 2.5 1.60457 2.5 0.5Z"
833
- fill="currentColor"
834
- />
835
- <path
836
- d="M14.5 4.5V5H13.5V4.5C13.5 3.94772 13.0523 3.5 12.5 3.5H12V3V2.5H12.5C13.0523 2.5 13.5 2.05228 13.5 1.5V1H14H14.5V1.5C14.5 2.05228 14.9477 2.5 15.5 2.5H16V3V3.5H15.5C14.9477 3.5 14.5 3.94772 14.5 4.5Z"
837
- fill="currentColor"
838
- />
839
- <path
840
- d="M8.40706 4.92939L8.5 4H9.5L9.59294 4.92939C9.82973 7.29734 11.7027 9.17027 14.0706 9.40706L15 9.5V10.5L14.0706 10.5929C11.7027 10.8297 9.82973 12.7027 9.59294 15.0706L9.5 16H8.5L8.40706 15.0706C8.17027 12.7027 6.29734 10.8297 3.92939 10.5929L3 10.5V9.5L3.92939 9.40706C6.29734 9.17027 8.17027 7.29734 8.40706 4.92939Z"
841
- fill="currentColor"
842
- />
843
- </svg>
844
- );
845
-
846
- export const CheckCirclFillIcon = ({
847
- size = 16,
848
- className,
849
- }: {
850
- size?: number;
851
- className?: string;
852
- }) => {
853
- return (
854
- <svg
855
- height={size}
856
- strokeLinejoin="round"
857
- viewBox="0 0 16 16"
858
- width={size}
859
- style={{ color: 'currentcolor' }}
860
- className={className}
861
- >
862
- <path
863
- fillRule="evenodd"
864
- clipRule="evenodd"
865
- d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5303 6.53033L12.0607 6L11 4.93934L10.4697 5.46967L6.5 9.43934L5.53033 8.46967L5 7.93934L3.93934 9L4.46967 9.53033L5.96967 11.0303C6.26256 11.3232 6.73744 11.3232 7.03033 11.0303L11.5303 6.53033Z"
866
- fill="currentColor"
867
- />
868
- </svg>
869
- );
870
- };
871
-
872
- export const MicrophoneIcon = ({ size = 16 }: { size?: number }) => {
873
- return (
874
- <svg
875
- strokeLinejoin="round"
876
- viewBox="0 0 490.9 490.9"
877
- height={size}
878
- width={size}
879
- style={{ color: 'currentcolor' }}
880
- >
881
- <path
882
- d="M245.5,322.9c53,0,96.2-43.2,96.2-96.2V96.2c0-53-43.2-96.2-96.2-96.2s-96.2,43.2-96.2,96.2v130.5
883
- C149.3,279.8,192.5,322.9,245.5,322.9z M173.8,96.2c0-39.5,32.2-71.7,71.7-71.7s71.7,32.2,71.7,71.7v130.5
884
- c0,39.5-32.2,71.7-71.7,71.7s-71.7-32.2-71.7-71.7V96.2z"
885
- fill="currentColor"
886
- />
887
- <path
888
- d="M94.4,214.5c-6.8,0-12.3,5.5-12.3,12.3c0,85.9,66.7,156.6,151.1,162.8v76.7h-63.9c-6.8,0-12.3,5.5-12.3,12.3
889
- s5.5,12.3,12.3,12.3h152.3c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3h-63.9v-76.7c84.4-6.3,151.1-76.9,151.1-162.8
890
- c0-6.8-5.5-12.3-12.3-12.3s-12.3,5.5-12.3,12.3c0,76.6-62.3,138.9-138.9,138.9s-138.9-62.3-138.9-138.9
891
- C106.6,220,101.2,214.5,94.4,214.5z"
892
- fill="currentColor"
893
- />
894
- </svg>
895
- );
896
- };
897
-
898
- export const CircleDotIcon = ({
899
- size = 16,
900
- color = 'red',
901
- }: {
902
- size?: number;
903
- color?: string;
904
- }) => (
905
- <svg
906
- xmlns="http://www.w3.org/2000/svg"
907
- height={size}
908
- width={size}
909
- viewBox="0 0 24 24"
910
- fill="none"
911
- stroke={color}
912
- stroke-width="2"
913
- stroke-linecap="round"
914
- stroke-linejoin="round"
915
- >
916
- <circle cx="12" cy="12" r="10" />
917
- <circle cx="12" cy="12" r="1" />
918
- </svg>
919
- );
920
-
921
- export const PlayIcon = () => (
922
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
923
- <path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9l0-176c0-8.7 4.7-16.7 12.3-20.9z" />
924
- </svg>
925
- );
926
-
927
- export const StopIcon1 = () => (
928
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
929
- <path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm192-96l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32l-128 0c-17.7 0-32-14.3-32-32l0-128c0-17.7 14.3-32 32-32z" />
930
- </svg>
931
- );
932
-
933
- export const VolumeIcon = () => (
934
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
935
- <path d="M533.6 32.5C598.5 85.2 640 165.8 640 256s-41.5 170.7-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64l0 384c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352 64 352c-35.3 0-64-28.7-64-64l0-64c0-35.3 28.7-64 64-64l67.8 0L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z" />
936
- </svg>
937
- );
938
-
939
- export const ClikVolumeIcon = () => (
940
- <svg
941
- width="16"
942
- height="16"
943
- viewBox="0 0 16 16"
944
- fill="none"
945
- xmlns="http://www.w3.org/2000/svg"
946
- >
947
- <g clip-path="url(#clip0_17488_66113)">
948
- <rect width="16" height="16" fill="white" fill-opacity="0.01" />
949
- <path
950
- d="M7.3335 3.33333L4.00016 5.99999H1.3335V10H4.00016L7.3335 12.6667V3.33333Z"
951
- stroke="#595959"
952
- stroke-width="1.33"
953
- stroke-linecap="round"
954
- stroke-linejoin="round"
955
- />
956
- <path
957
- d="M10.3599 5.64C10.9848 6.26509 11.3358 7.11279 11.3358 7.99667C11.3358 8.88055 10.9848 9.72824 10.3599 10.3533"
958
- stroke="#595959"
959
- stroke-width="1.33"
960
- stroke-linecap="round"
961
- stroke-linejoin="round"
962
- />
963
- <path
964
- d="M12.7134 3.28667C13.9632 4.53685 14.6653 6.23224 14.6653 8C14.6653 9.76776 13.9632 11.4631 12.7134 12.7133"
965
- stroke="#595959"
966
- stroke-width="1.33"
967
- stroke-linecap="round"
968
- stroke-linejoin="round"
969
- />
970
- </g>
971
- <defs>
972
- <clipPath id="clip0_17488_66113">
973
- <rect width="16" height="16" fill="white" />
974
- </clipPath>
975
- </defs>
976
- </svg>
977
- );
978
-
979
- export const ClikMicrophoneIcon = ({ size = 16 }: { size?: number }) => {
980
- return (
981
- <svg
982
- height={size}
983
- width={size}
984
- viewBox="0 0 16 16"
985
- fill="none"
986
- xmlns="http://www.w3.org/2000/svg"
987
- >
988
- <g clip-path="url(#clip0_17488_66116)">
989
- <rect height={size} width={size} fill="white" fill-opacity="0.01" />
990
- <path
991
- d="M8 1.33333C7.46957 1.33333 6.96086 1.54404 6.58579 1.91911C6.21071 2.29419 6 2.8029 6 3.33333V8C6 8.53043 6.21071 9.03914 6.58579 9.41421C6.96086 9.78928 7.46957 10 8 10C8.53043 10 9.03914 9.78928 9.41421 9.41421C9.78929 9.03914 10 8.53043 10 8V3.33333C10 2.8029 9.78929 2.29419 9.41421 1.91911C9.03914 1.54404 8.53043 1.33333 8 1.33333Z"
992
- stroke="#595959"
993
- stroke-width="1.33"
994
- stroke-linecap="round"
995
- stroke-linejoin="round"
996
- />
997
- <path
998
- d="M12.6668 6.66667V8.00001C12.6668 9.23768 12.1752 10.4247 11.3 11.2998C10.4248 12.175 9.23784 12.6667 8.00016 12.6667C6.76249 12.6667 5.5755 12.175 4.70033 11.2998C3.82516 10.4247 3.3335 9.23768 3.3335 8.00001V6.66667"
999
- stroke="#595959"
1000
- stroke-width="1.33"
1001
- stroke-linecap="round"
1002
- stroke-linejoin="round"
1003
- />
1004
- <path
1005
- d="M8 12.6667V14.6667"
1006
- stroke="#595959"
1007
- stroke-width="1.33"
1008
- stroke-linecap="round"
1009
- stroke-linejoin="round"
1010
- />
1011
- </g>
1012
- <defs>
1013
- <clipPath id="clip0_17488_66116">
1014
- <rect height={size} width={size} fill="white" />
1015
- </clipPath>
1016
- </defs>
1017
- </svg>
1018
- );
1019
- };
1020
-
1021
- export const ClikPlusIcon = ({ size = 16 }: { size?: number }) => (
1022
- <svg
1023
- height={size}
1024
- width={size}
1025
- viewBox="0 0 16 16"
1026
- fill="none"
1027
- xmlns="http://www.w3.org/2000/svg"
1028
- >
1029
- <g clip-path="url(#clip0_17831_4737)">
1030
- <rect height={size} width={size} fill="white" fill-opacity="0.01" />
1031
- <path
1032
- d="M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H8.75V13.5C8.75 13.6989 8.67098 13.8897 8.53033 14.0303C8.38968 14.171 8.19891 14.25 8 14.25C7.80109 14.25 7.61032 14.171 7.46967 14.0303C7.32902 13.8897 7.25 13.6989 7.25 13.5V8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H7.25V2.5C7.25 2.30109 7.32902 2.11032 7.46967 1.96967C7.61032 1.82902 7.80109 1.75 8 1.75C8.19891 1.75 8.38968 1.82902 8.53033 1.96967C8.67098 2.11032 8.75 2.30109 8.75 2.5V7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8Z"
1033
- fill="#595959"
1034
- />
1035
- </g>
1036
- <defs>
1037
- <clipPath id="clip0_17831_4737">
1038
- <rect height={size} width={size} fill="white" />
1039
- </clipPath>
1040
- </defs>
1041
- </svg>
1042
- );
1043
-
1044
- export const ClikWaveIcon = () => (
1045
- <svg
1046
- width="155"
1047
- height="24"
1048
- viewBox="0 0 155 24"
1049
- fill="none"
1050
- xmlns="http://www.w3.org/2000/svg"
1051
- >
1052
- <g clip-path="url(#clip0_17269_67648)">
1053
- <line
1054
- x1="1.5"
1055
- y1="12.5"
1056
- x2="1.5"
1057
- y2="11.5"
1058
- stroke="black"
1059
- stroke-opacity="0.45"
1060
- stroke-linecap="round"
1061
- />
1062
- <line
1063
- x1="3.5"
1064
- y1="12.5"
1065
- x2="3.5"
1066
- y2="11.5"
1067
- stroke="black"
1068
- stroke-opacity="0.45"
1069
- stroke-linecap="round"
1070
- />
1071
- <line
1072
- x1="5.5"
1073
- y1="12.5"
1074
- x2="5.5"
1075
- y2="11.5"
1076
- stroke="black"
1077
- stroke-opacity="0.45"
1078
- stroke-linecap="round"
1079
- />
1080
- <line
1081
- x1="7.5"
1082
- y1="12.5"
1083
- x2="7.5"
1084
- y2="11.5"
1085
- stroke="black"
1086
- stroke-opacity="0.45"
1087
- stroke-linecap="round"
1088
- />
1089
- <line
1090
- x1="9.5"
1091
- y1="12.5"
1092
- x2="9.5"
1093
- y2="11.5"
1094
- stroke="black"
1095
- stroke-opacity="0.45"
1096
- stroke-linecap="round"
1097
- />
1098
- <line
1099
- x1="11.5"
1100
- y1="12.5"
1101
- x2="11.5"
1102
- y2="11.5"
1103
- stroke="black"
1104
- stroke-opacity="0.45"
1105
- stroke-linecap="round"
1106
- />
1107
- <line
1108
- x1="13.5"
1109
- y1="12.5"
1110
- x2="13.5"
1111
- y2="11.5"
1112
- stroke="black"
1113
- stroke-opacity="0.45"
1114
- stroke-linecap="round"
1115
- />
1116
- <line
1117
- x1="15.5"
1118
- y1="12.5"
1119
- x2="15.5"
1120
- y2="11.5"
1121
- stroke="black"
1122
- stroke-opacity="0.45"
1123
- stroke-linecap="round"
1124
- />
1125
- <line
1126
- x1="17.5"
1127
- y1="12.5"
1128
- x2="17.5"
1129
- y2="11.5"
1130
- stroke="black"
1131
- stroke-opacity="0.45"
1132
- stroke-linecap="round"
1133
- />
1134
- <line
1135
- x1="19.5"
1136
- y1="12.5"
1137
- x2="19.5"
1138
- y2="11.5"
1139
- stroke="black"
1140
- stroke-opacity="0.45"
1141
- stroke-linecap="round"
1142
- />
1143
- <line
1144
- x1="21.5"
1145
- y1="12.5"
1146
- x2="21.5"
1147
- y2="11.5"
1148
- stroke="black"
1149
- stroke-opacity="0.45"
1150
- stroke-linecap="round"
1151
- />
1152
- <line
1153
- x1="23.5"
1154
- y1="12.5"
1155
- x2="23.5"
1156
- y2="11.5"
1157
- stroke="black"
1158
- stroke-opacity="0.45"
1159
- stroke-linecap="round"
1160
- />
1161
- <line
1162
- x1="25.5"
1163
- y1="12.5"
1164
- x2="25.5"
1165
- y2="11.5"
1166
- stroke="black"
1167
- stroke-opacity="0.45"
1168
- stroke-linecap="round"
1169
- />
1170
- <line
1171
- x1="27.5"
1172
- y1="12.5"
1173
- x2="27.5"
1174
- y2="11.5"
1175
- stroke="black"
1176
- stroke-opacity="0.45"
1177
- stroke-linecap="round"
1178
- />
1179
- <line
1180
- x1="29.5"
1181
- y1="12.5"
1182
- x2="29.5"
1183
- y2="11.5"
1184
- stroke="black"
1185
- stroke-opacity="0.45"
1186
- stroke-linecap="round"
1187
- />
1188
- <line
1189
- x1="31.5"
1190
- y1="12.5"
1191
- x2="31.5"
1192
- y2="11.5"
1193
- stroke="black"
1194
- stroke-opacity="0.45"
1195
- stroke-linecap="round"
1196
- />
1197
- <line
1198
- x1="33.5"
1199
- y1="12.5"
1200
- x2="33.5"
1201
- y2="11.5"
1202
- stroke="black"
1203
- stroke-opacity="0.45"
1204
- stroke-linecap="round"
1205
- />
1206
- <line
1207
- x1="35.5"
1208
- y1="12.5"
1209
- x2="35.5"
1210
- y2="11.5"
1211
- stroke="black"
1212
- stroke-opacity="0.45"
1213
- stroke-linecap="round"
1214
- />
1215
- <line
1216
- x1="37.5"
1217
- y1="12.5"
1218
- x2="37.5"
1219
- y2="11.5"
1220
- stroke="black"
1221
- stroke-opacity="0.45"
1222
- stroke-linecap="round"
1223
- />
1224
- <line
1225
- x1="39.5"
1226
- y1="12.5"
1227
- x2="39.5"
1228
- y2="11.5"
1229
- stroke="black"
1230
- stroke-opacity="0.45"
1231
- stroke-linecap="round"
1232
- />
1233
- <line
1234
- x1="41.5"
1235
- y1="12.5"
1236
- x2="41.5"
1237
- y2="11.5"
1238
- stroke="black"
1239
- stroke-opacity="0.45"
1240
- stroke-linecap="round"
1241
- />
1242
- <line
1243
- x1="43.5"
1244
- y1="12.5"
1245
- x2="43.5"
1246
- y2="11.5"
1247
- stroke="black"
1248
- stroke-opacity="0.45"
1249
- stroke-linecap="round"
1250
- />
1251
- <line
1252
- x1="45.5"
1253
- y1="12.5"
1254
- x2="45.5"
1255
- y2="11.5"
1256
- stroke="black"
1257
- stroke-opacity="0.45"
1258
- stroke-linecap="round"
1259
- />
1260
- <line
1261
- x1="47.5"
1262
- y1="12.5"
1263
- x2="47.5"
1264
- y2="11.5"
1265
- stroke="black"
1266
- stroke-opacity="0.45"
1267
- stroke-linecap="round"
1268
- />
1269
- <line
1270
- x1="49.5"
1271
- y1="12.5"
1272
- x2="49.5"
1273
- y2="11.5"
1274
- stroke="black"
1275
- stroke-opacity="0.45"
1276
- stroke-linecap="round"
1277
- />
1278
- <line
1279
- x1="51.5"
1280
- y1="12.5"
1281
- x2="51.5"
1282
- y2="11.5"
1283
- stroke="black"
1284
- stroke-opacity="0.45"
1285
- stroke-linecap="round"
1286
- />
1287
- <line
1288
- x1="53.5"
1289
- y1="12.5"
1290
- x2="53.5"
1291
- y2="11.5"
1292
- stroke="black"
1293
- stroke-opacity="0.45"
1294
- stroke-linecap="round"
1295
- />
1296
- <line
1297
- x1="55.5"
1298
- y1="12.5"
1299
- x2="55.5"
1300
- y2="11.5"
1301
- stroke="black"
1302
- stroke-opacity="0.45"
1303
- stroke-linecap="round"
1304
- />
1305
- <line
1306
- x1="57.5"
1307
- y1="12.5"
1308
- x2="57.5"
1309
- y2="11.5"
1310
- stroke="black"
1311
- stroke-opacity="0.45"
1312
- stroke-linecap="round"
1313
- />
1314
- <line
1315
- x1="59.5"
1316
- y1="12.5"
1317
- x2="59.5"
1318
- y2="11.5"
1319
- stroke="black"
1320
- stroke-opacity="0.45"
1321
- stroke-linecap="round"
1322
- />
1323
- <line
1324
- x1="61.5"
1325
- y1="12.5"
1326
- x2="61.5"
1327
- y2="11.5"
1328
- stroke="black"
1329
- stroke-opacity="0.45"
1330
- stroke-linecap="round"
1331
- />
1332
- <line
1333
- x1="63.5"
1334
- y1="12.5"
1335
- x2="63.5"
1336
- y2="11.5"
1337
- stroke="black"
1338
- stroke-opacity="0.45"
1339
- stroke-linecap="round"
1340
- />
1341
- <line
1342
- x1="65.5"
1343
- y1="12.5"
1344
- x2="65.5"
1345
- y2="11.5"
1346
- stroke="black"
1347
- stroke-opacity="0.45"
1348
- stroke-linecap="round"
1349
- />
1350
- <line
1351
- x1="67.5"
1352
- y1="12.5"
1353
- x2="67.5"
1354
- y2="11.5"
1355
- stroke="black"
1356
- stroke-opacity="0.45"
1357
- stroke-linecap="round"
1358
- />
1359
- <line
1360
- x1="69.5"
1361
- y1="12.5"
1362
- x2="69.5"
1363
- y2="11.5"
1364
- stroke="black"
1365
- stroke-opacity="0.45"
1366
- stroke-linecap="round"
1367
- />
1368
- <line
1369
- x1="71.5"
1370
- y1="12.5"
1371
- x2="71.5"
1372
- y2="11.5"
1373
- stroke="black"
1374
- stroke-opacity="0.45"
1375
- stroke-linecap="round"
1376
- />
1377
- <line
1378
- x1="73.5"
1379
- y1="12.5"
1380
- x2="73.5"
1381
- y2="11.5"
1382
- stroke="black"
1383
- stroke-opacity="0.45"
1384
- stroke-linecap="round"
1385
- />
1386
- <line
1387
- x1="75.5"
1388
- y1="12.5"
1389
- x2="75.5"
1390
- y2="11.5"
1391
- stroke="black"
1392
- stroke-opacity="0.45"
1393
- stroke-linecap="round"
1394
- />
1395
- <line
1396
- x1="77.5"
1397
- y1="12.5"
1398
- x2="77.5"
1399
- y2="11.5"
1400
- stroke="black"
1401
- stroke-opacity="0.45"
1402
- stroke-linecap="round"
1403
- />
1404
- <line
1405
- x1="79.5"
1406
- y1="12.5"
1407
- x2="79.5"
1408
- y2="11.5"
1409
- stroke="black"
1410
- stroke-opacity="0.45"
1411
- stroke-linecap="round"
1412
- />
1413
- <line
1414
- x1="81.5"
1415
- y1="12.5"
1416
- x2="81.5"
1417
- y2="11.5"
1418
- stroke="black"
1419
- stroke-opacity="0.45"
1420
- stroke-linecap="round"
1421
- />
1422
- <line
1423
- x1="83.5"
1424
- y1="12.5"
1425
- x2="83.5"
1426
- y2="11.5"
1427
- stroke="black"
1428
- stroke-opacity="0.45"
1429
- stroke-linecap="round"
1430
- />
1431
- <line
1432
- x1="85.5"
1433
- y1="12.5"
1434
- x2="85.5"
1435
- y2="11.5"
1436
- stroke="black"
1437
- stroke-opacity="0.45"
1438
- stroke-linecap="round"
1439
- />
1440
- <line
1441
- x1="87.5"
1442
- y1="12.5"
1443
- x2="87.5"
1444
- y2="11.5"
1445
- stroke="black"
1446
- stroke-opacity="0.45"
1447
- stroke-linecap="round"
1448
- />
1449
- <line
1450
- x1="89.5"
1451
- y1="12.5"
1452
- x2="89.5"
1453
- y2="11.5"
1454
- stroke="black"
1455
- stroke-opacity="0.45"
1456
- stroke-linecap="round"
1457
- />
1458
- <line
1459
- x1="91.5"
1460
- y1="12.5"
1461
- x2="91.5"
1462
- y2="11.5"
1463
- stroke="black"
1464
- stroke-opacity="0.45"
1465
- stroke-linecap="round"
1466
- />
1467
- <line
1468
- x1="93.5"
1469
- y1="12.5"
1470
- x2="93.5"
1471
- y2="11.5"
1472
- stroke="black"
1473
- stroke-opacity="0.45"
1474
- stroke-linecap="round"
1475
- />
1476
- <line
1477
- x1="95.5"
1478
- y1="12.5"
1479
- x2="95.5"
1480
- y2="11.5"
1481
- stroke="black"
1482
- stroke-opacity="0.45"
1483
- stroke-linecap="round"
1484
- />
1485
- <line
1486
- x1="97.5"
1487
- y1="12.5"
1488
- x2="97.5"
1489
- y2="11.5"
1490
- stroke="black"
1491
- stroke-opacity="0.45"
1492
- stroke-linecap="round"
1493
- />
1494
- <line
1495
- x1="99.5"
1496
- y1="12.5"
1497
- x2="99.5"
1498
- y2="11.5"
1499
- stroke="black"
1500
- stroke-opacity="0.45"
1501
- stroke-linecap="round"
1502
- />
1503
- <line
1504
- x1="101.5"
1505
- y1="12.5"
1506
- x2="101.5"
1507
- y2="11.5"
1508
- stroke="black"
1509
- stroke-opacity="0.45"
1510
- stroke-linecap="round"
1511
- />
1512
- <line
1513
- x1="103.5"
1514
- y1="12.5"
1515
- x2="103.5"
1516
- y2="11.5"
1517
- stroke="black"
1518
- stroke-opacity="0.45"
1519
- stroke-linecap="round"
1520
- />
1521
- <line
1522
- x1="105.5"
1523
- y1="12.5"
1524
- x2="105.5"
1525
- y2="11.5"
1526
- stroke="black"
1527
- stroke-opacity="0.45"
1528
- stroke-linecap="round"
1529
- />
1530
- <line
1531
- x1="107.5"
1532
- y1="12.5"
1533
- x2="107.5"
1534
- y2="11.5"
1535
- stroke="black"
1536
- stroke-opacity="0.45"
1537
- stroke-linecap="round"
1538
- />
1539
- <line
1540
- x1="109.5"
1541
- y1="12.5"
1542
- x2="109.5"
1543
- y2="11.5"
1544
- stroke="black"
1545
- stroke-opacity="0.45"
1546
- stroke-linecap="round"
1547
- />
1548
- <line
1549
- x1="111.5"
1550
- y1="12.5"
1551
- x2="111.5"
1552
- y2="11.5"
1553
- stroke="black"
1554
- stroke-opacity="0.45"
1555
- stroke-linecap="round"
1556
- />
1557
- <line
1558
- x1="113.5"
1559
- y1="12.5"
1560
- x2="113.5"
1561
- y2="11.5"
1562
- stroke="black"
1563
- stroke-opacity="0.45"
1564
- stroke-linecap="round"
1565
- />
1566
- <line
1567
- x1="115.5"
1568
- y1="12.5"
1569
- x2="115.5"
1570
- y2="11.5"
1571
- stroke="black"
1572
- stroke-opacity="0.45"
1573
- stroke-linecap="round"
1574
- />
1575
- <line
1576
- x1="117.5"
1577
- y1="12.5"
1578
- x2="117.5"
1579
- y2="11.5"
1580
- stroke="black"
1581
- stroke-opacity="0.45"
1582
- stroke-linecap="round"
1583
- />
1584
- <line
1585
- x1="119.5"
1586
- y1="12.5"
1587
- x2="119.5"
1588
- y2="11.5"
1589
- stroke="black"
1590
- stroke-opacity="0.45"
1591
- stroke-linecap="round"
1592
- />
1593
- <line
1594
- x1="121.5"
1595
- y1="12.5"
1596
- x2="121.5"
1597
- y2="11.5"
1598
- stroke="black"
1599
- stroke-opacity="0.45"
1600
- stroke-linecap="round"
1601
- />
1602
- <line
1603
- x1="123.5"
1604
- y1="12.5"
1605
- x2="123.5"
1606
- y2="11.5"
1607
- stroke="black"
1608
- stroke-opacity="0.45"
1609
- stroke-linecap="round"
1610
- />
1611
- <line
1612
- x1="125.5"
1613
- y1="12.5"
1614
- x2="125.5"
1615
- y2="11.5"
1616
- stroke="black"
1617
- stroke-opacity="0.45"
1618
- stroke-linecap="round"
1619
- />
1620
- <line
1621
- x1="127.5"
1622
- y1="12.5"
1623
- x2="127.5"
1624
- y2="11.5"
1625
- stroke="black"
1626
- stroke-opacity="0.45"
1627
- stroke-linecap="round"
1628
- />
1629
- <line
1630
- x1="129.5"
1631
- y1="12.5"
1632
- x2="129.5"
1633
- y2="11.5"
1634
- stroke="black"
1635
- stroke-opacity="0.45"
1636
- stroke-linecap="round"
1637
- />
1638
- <line
1639
- x1="131.5"
1640
- y1="12.5"
1641
- x2="131.5"
1642
- y2="11.5"
1643
- stroke="black"
1644
- stroke-opacity="0.45"
1645
- stroke-linecap="round"
1646
- />
1647
- <line
1648
- x1="133.5"
1649
- y1="12.5"
1650
- x2="133.5"
1651
- y2="11.5"
1652
- stroke="black"
1653
- stroke-opacity="0.45"
1654
- stroke-linecap="round"
1655
- />
1656
- <line
1657
- x1="135.5"
1658
- y1="15.6349"
1659
- x2="135.5"
1660
- y2="8.36517"
1661
- stroke="#595959"
1662
- stroke-linecap="round"
1663
- />
1664
- <line
1665
- x1="137.5"
1666
- y1="20.777"
1667
- x2="137.5"
1668
- y2="3.2231"
1669
- stroke="#595959"
1670
- stroke-linecap="round"
1671
- />
1672
- <line
1673
- x1="139.5"
1674
- y1="17.1909"
1675
- x2="139.5"
1676
- y2="6.80912"
1677
- stroke="#595959"
1678
- stroke-linecap="round"
1679
- />
1680
- <line
1681
- x1="141.5"
1682
- y1="17.2438"
1683
- x2="141.5"
1684
- y2="6.75625"
1685
- stroke="#595959"
1686
- stroke-linecap="round"
1687
- />
1688
- <line
1689
- x1="143.5"
1690
- y1="15.0497"
1691
- x2="143.5"
1692
- y2="8.95022"
1693
- stroke="#595959"
1694
- stroke-linecap="round"
1695
- />
1696
- <line
1697
- x1="145.5"
1698
- y1="20.4811"
1699
- x2="145.5"
1700
- y2="3.5189"
1701
- stroke="#595959"
1702
- stroke-linecap="round"
1703
- />
1704
- <line
1705
- x1="147.5"
1706
- y1="17.4381"
1707
- x2="147.5"
1708
- y2="6.562"
1709
- stroke="#595959"
1710
- stroke-linecap="round"
1711
- />
1712
- <line
1713
- x1="149.5"
1714
- y1="16.5963"
1715
- x2="149.5"
1716
- y2="7.40366"
1717
- stroke="#595959"
1718
- stroke-linecap="round"
1719
- />
1720
- <line
1721
- x1="151.5"
1722
- y1="14.231"
1723
- x2="151.5"
1724
- y2="9.7691"
1725
- stroke="#595959"
1726
- stroke-linecap="round"
1727
- />
1728
- <line
1729
- x1="153.5"
1730
- y1="19.1121"
1731
- x2="153.5"
1732
- y2="4.88788"
1733
- stroke="#595959"
1734
- stroke-linecap="round"
1735
- />
1736
- </g>
1737
- <defs>
1738
- <clipPath id="clip0_17269_67648">
1739
- <rect width="155" height="24" fill="white" />
1740
- </clipPath>
1741
- </defs>
1742
- </svg>
1743
- );
1744
-
1745
- export const ClikCloseIcon = ({
1746
- size = 24,
1747
- className,
1748
- }: {
1749
- size?: number;
1750
- className?: string;
1751
- }) => (
1752
- <svg
1753
- width={size}
1754
- height={size}
1755
- viewBox="0 0 24 24"
1756
- fill="none"
1757
- xmlns="http://www.w3.org/2000/svg"
1758
- className={className}
1759
- >
1760
- <rect width={size} height={size} rx="12" fill="#D9D9D9" />
1761
- <path
1762
- d="M17.0306 15.9694C17.1715 16.1103 17.2506 16.3014 17.2506 16.5006C17.2506 16.6999 17.1715 16.891 17.0306 17.0319C16.8897 17.1728 16.6986 17.2519 16.4993 17.2519C16.3001 17.2519 16.109 17.1728 15.9681 17.0319L12 13.0625L8.0306 17.0306C7.8897 17.1715 7.69861 17.2507 7.49935 17.2507C7.30009 17.2507 7.10899 17.1715 6.9681 17.0306C6.8272 16.8897 6.74805 16.6986 6.74805 16.4994C6.74805 16.3001 6.8272 16.109 6.9681 15.9681L10.9375 12L6.96935 8.03061C6.82845 7.88972 6.7493 7.69862 6.7493 7.49936C6.7493 7.30011 6.82845 7.10901 6.96935 6.96811C7.11024 6.82722 7.30134 6.74806 7.5006 6.74806C7.69986 6.74806 7.89095 6.82722 8.03185 6.96811L12 10.9375L15.9693 6.96749C16.1102 6.82659 16.3013 6.74744 16.5006 6.74744C16.6999 6.74744 16.891 6.82659 17.0318 6.96749C17.1727 7.10838 17.2519 7.29948 17.2519 7.49874C17.2519 7.69799 17.1727 7.88909 17.0318 8.02999L13.0625 12L17.0306 15.9694Z"
1763
- fill="black"
1764
- fill-opacity="0.85"
1765
- />
1766
- </svg>
1767
- );
1768
-
1769
- interface IconProps {
1770
- color?: string; // Màu sắc có thể tùy chỉnh, mặc định là "#595959"
1771
- }
1772
- export const ClikMessageIcon = ({ color = '#595959' }: IconProps) => (
1773
- <svg
1774
- width="16"
1775
- height="16"
1776
- viewBox="0 0 16 16"
1777
- fill="none"
1778
- xmlns="http://www.w3.org/2000/svg"
1779
- >
1780
- <g clip-path="url(#clip0_17831_4761)">
1781
- <rect width="16" height="16" fill="white" fill-opacity="0.01" />
1782
- <path
1783
- d="M14 7.66667C14.0023 8.54658 13.7967 9.41459 13.4 10.2C12.9296 11.1412 12.2065 11.9328 11.3116 12.4862C10.4168 13.0396 9.3855 13.3329 8.33333 13.3333C7.45342 13.3356 6.58541 13.1301 5.8 12.7333L2 14L3.26667 10.2C2.86995 9.41459 2.66437 8.54658 2.66667 7.66667C2.66707 6.61451 2.96041 5.58324 3.51381 4.68837C4.06722 3.7935 4.85884 3.07038 5.8 2.6C6.58541 2.20329 7.45342 1.99771 8.33333 2H8.66667C10.0562 2.07666 11.3687 2.66318 12.3528 3.64724C13.3368 4.63131 13.9233 5.94377 14 7.33334V7.66667Z"
1784
- stroke={color}
1785
- stroke-width="1.33"
1786
- stroke-linecap="round"
1787
- stroke-linejoin="round"
1788
- />
1789
- </g>
1790
- <defs>
1791
- <clipPath id="clip0_17831_4761">
1792
- <rect width="16" height="16" fill="white" />
1793
- </clipPath>
1794
- </defs>
1795
- </svg>
1796
- );