Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1
import React from "react";
2
export const EmojiNature = (props) => {
3
  // props destructuring
4
  const { onClickEmoji, hidden } = props;
5
  return (
6
    <div
7
      className="smiley-panel-body"
8
      style={{ display: hidden ? "block" : "none" }}
9
    >
10
      <div className="emoji-nature">
11
        <span
12
          className="e1"
13
          onClick={(e) => onClickEmoji(e)}
14
          tabIndex="-1"
15
          id="1f648"
16
          data-shortname=":see_no_evil:"
17
          data-index="1"
18
          title="see-no-evil monkey"
19
          data-eid="681"
20
        >
21
          <span className="emojione emojione-1f648"></span>
22
        </span>
23
        <span
24
          className="e1"
25
          onClick={(e) => onClickEmoji(e)}
26
          tabIndex="-1"
27
          id="1f649"
28
          data-shortname=":hear_no_evil:"
29
          data-index="2"
30
          title="hear-no-evil monkey"
31
          data-eid="682"
32
        >
33
          <span className="emojione emojione-1f649"></span>
34
        </span>
35
        <span
36
          className="e1"
37
          onClick={(e) => onClickEmoji(e)}
38
          tabIndex="-1"
39
          id="1f64a"
40
          data-shortname=":speak_no_evil:"
41
          data-index="3"
42
          title="speak-no-evil monkey"
43
          data-eid="683"
44
        >
45
          <span className="emojione emojione-1f64a"></span>
46
        </span>
47
        <span
48
          className="e1"
49
          onClick={(e) => onClickEmoji(e)}
50
          tabIndex="-1"
51
          id="1f4a6"
52
          data-shortname=":sweat_drops:"
53
          data-index="4"
54
          title="splashing sweat symbol"
55
          data-eid="539"
56
        >
57
          <span className="emojione emojione-1f4a6"></span>
58
        </span>
59
        <span
60
          className="e1"
61
          onClick={(e) => onClickEmoji(e)}
62
          tabIndex="-1"
63
          id="1f4a8"
64
          data-shortname=":dash:"
65
          data-index="5"
66
          title="dash symbol"
67
          data-eid="545"
68
        >
69
          <span className="emojione emojione-1f4a8"></span>
70
        </span>
71
        <span
72
          className="e1"
73
          onClick={(e) => onClickEmoji(e)}
74
          tabIndex="-1"
75
          id="1f435"
76
          data-shortname=":monkey_face:"
77
          data-index="6"
78
          title="monkey face"
79
          data-eid="377"
80
        >
81
          <span className="emojione emojione-1f435"></span>
82
        </span>
83
        <span
84
          className="e1"
85
          onClick={(e) => onClickEmoji(e)}
86
          tabIndex="-1"
87
          id="1f412"
88
          data-shortname=":monkey:"
89
          data-index="7"
90
          title="monkey"
91
          data-eid="346"
92
        >
93
          <span className="emojione emojione-1f412"></span>
94
        </span>
95
        <span
96
          className="e1"
97
          onClick={(e) => onClickEmoji(e)}
98
          tabIndex="-1"
99
          id="1f98d"
100
          data-shortname=":gorilla:"
101
          data-index="8"
102
          title="gorilla"
103
          data-eid="2283"
104
        >
105
          <span className="emojione emojione-1f98d"></span>
106
        </span>
107
        <span
108
          className="e1"
109
          onClick={(e) => onClickEmoji(e)}
110
          tabIndex="-1"
111
          id="1f436"
112
          data-shortname=":dog:"
113
          data-index="9"
114
          title="dog face"
115
          data-eid="378"
116
        >
117
          <span className="emojione emojione-1f436"></span>
118
        </span>
119
        <span
120
          className="e1"
121
          onClick={(e) => onClickEmoji(e)}
122
          tabIndex="-1"
123
          id="1f415"
124
          data-shortname=":dog2:"
125
          data-index="10"
126
          title="dog"
127
          data-eid="822"
128
        >
129
          <span className="emojione emojione-1f415"></span>
130
        </span>
131
        <span
132
          className="e1"
133
          onClick={(e) => onClickEmoji(e)}
134
          tabIndex="-1"
135
          id="1f429"
136
          data-shortname=":poodle:"
137
          data-index="11"
138
          title="poodle"
139
          data-eid="366"
140
        >
141
          <span className="emojione emojione-1f429"></span>
142
        </span>
143
        <span
144
          className="e1"
145
          onClick={(e) => onClickEmoji(e)}
146
          tabIndex="-1"
147
          id="1f43a"
148
          data-shortname=":wolf:"
149
          data-index="12"
150
          title="wolf face"
151
          data-eid="382"
152
        >
153
          <span className="emojione emojione-1f43a"></span>
154
        </span>
155
        <span
156
          className="e1"
157
          onClick={(e) => onClickEmoji(e)}
158
          tabIndex="-1"
159
          id="1f98a"
160
          data-shortname=":fox:"
161
          data-index="13"
162
          title="fox face"
163
          data-eid="2280"
164
        >
165
          <span className="emojione emojione-1f98a"></span>
166
        </span>
167
        <span
168
          className="e1"
169
          onClick={(e) => onClickEmoji(e)}
170
          tabIndex="-1"
171
          id="1f431"
172
          data-shortname=":cat:"
173
          data-index="14"
174
          title="cat face"
175
          data-eid="373"
176
        >
177
          <span className="emojione emojione-1f431"></span>
178
        </span>
179
        <span
180
          className="e1"
181
          onClick={(e) => onClickEmoji(e)}
182
          tabIndex="-1"
183
          id="1f408"
184
          data-shortname=":cat2:"
185
          data-index="15"
186
          title="cat"
187
          data-eid="815"
188
        >
189
          <span className="emojione emojione-1f408"></span>
190
        </span>
191
        <span
192
          className="e1"
193
          onClick={(e) => onClickEmoji(e)}
194
          tabIndex="-1"
195
          id="1f981"
196
          data-shortname=":lion_face:"
197
          data-index="16"
198
          title="lion face"
199
          data-eid="2086"
200
        >
201
          <span className="emojione emojione-1f981"></span>
202
        </span>
203
        <span
204
          className="e1"
205
          onClick={(e) => onClickEmoji(e)}
206
          tabIndex="-1"
207
          id="1f42f"
208
          data-shortname=":tiger:"
209
          data-index="17"
210
          title="tiger face"
211
          data-eid="371"
212
        >
213
          <span className="emojione emojione-1f42f"></span>
214
        </span>
215
        <span
216
          className="e1"
217
          onClick={(e) => onClickEmoji(e)}
218
          tabIndex="-1"
219
          id="1f405"
220
          data-shortname=":tiger2:"
221
          data-index="18"
222
          title="tiger"
223
          data-eid="812"
224
        >
225
          <span className="emojione emojione-1f405"></span>
226
        </span>
227
        <span
228
          className="e1"
229
          onClick={(e) => onClickEmoji(e)}
230
          tabIndex="-1"
231
          id="1f406"
232
          data-shortname=":leopard:"
233
          data-index="19"
234
          title="leopard"
235
          data-eid="813"
236
        >
237
          <span className="emojione emojione-1f406"></span>
238
        </span>
239
        <span
240
          className="e1"
241
          onClick={(e) => onClickEmoji(e)}
242
          tabIndex="-1"
243
          id="1f434"
244
          data-shortname=":horse:"
245
          data-index="20"
246
          title="horse face"
247
          data-eid="376"
248
        >
249
          <span className="emojione emojione-1f434"></span>
250
        </span>
251
        <span
252
          className="e1"
253
          onClick={(e) => onClickEmoji(e)}
254
          tabIndex="-1"
255
          id="1f40e"
256
          data-shortname=":racehorse:"
257
          data-index="21"
258
          title="horse"
259
          data-eid="344"
260
        >
261
          <span className="emojione emojione-1f40e"></span>
262
        </span>
263
        <span
264
          className="e1"
265
          onClick={(e) => onClickEmoji(e)}
266
          tabIndex="-1"
267
          id="1f98c"
268
          data-shortname=":deer:"
269
          data-index="22"
270
          title="deer"
271
          data-eid="2282"
272
        >
273
          <span className="emojione emojione-1f98c"></span>
274
        </span>
275
        <span
276
          className="e1"
277
          onClick={(e) => onClickEmoji(e)}
278
          tabIndex="-1"
279
          id="1f984"
280
          data-shortname=":unicorn:"
281
          data-index="23"
282
          title="unicorn face"
283
          data-eid="2088"
284
        >
285
          <span className="emojione emojione-1f984"></span>
286
        </span>
287
        <span
288
          className="e1"
289
          onClick={(e) => onClickEmoji(e)}
290
          tabIndex="-1"
291
          id="1f42e"
292
          data-shortname=":cow:"
293
          data-index="24"
294
          title="cow face"
295
          data-eid="370"
296
        >
297
          <span className="emojione emojione-1f42e"></span>
298
        </span>
299
        <span
300
          className="e1"
301
          onClick={(e) => onClickEmoji(e)}
302
          tabIndex="-1"
303
          id="1f402"
304
          data-shortname=":ox:"
305
          data-index="25"
306
          title="ox"
307
          data-eid="809"
308
        >
309
          <span className="emojione emojione-1f402"></span>
310
        </span>
311
        <span
312
          className="e1"
313
          onClick={(e) => onClickEmoji(e)}
314
          tabIndex="-1"
315
          id="1f403"
316
          data-shortname=":water_buffalo:"
317
          data-index="26"
318
          title="water buffalo"
319
          data-eid="810"
320
        >
321
          <span className="emojione emojione-1f403"></span>
322
        </span>
323
        <span
324
          className="e1"
325
          onClick={(e) => onClickEmoji(e)}
326
          tabIndex="-1"
327
          id="1f404"
328
          data-shortname=":cow2:"
329
          data-index="27"
330
          title="cow"
331
          data-eid="811"
332
        >
333
          <span className="emojione emojione-1f404"></span>
334
        </span>
335
        <span
336
          className="e1"
337
          onClick={(e) => onClickEmoji(e)}
338
          tabIndex="-1"
339
          id="1f437"
340
          data-shortname=":pig:"
341
          data-index="28"
342
          title="pig face"
343
          data-eid="379"
344
        >
345
          <span className="emojione emojione-1f437"></span>
346
        </span>
347
        <span
348
          className="e1"
349
          onClick={(e) => onClickEmoji(e)}
350
          tabIndex="-1"
351
          id="1f416"
352
          data-shortname=":pig2:"
353
          data-index="29"
354
          title="pig"
355
          data-eid="823"
356
        >
357
          <span className="emojione emojione-1f416"></span>
358
        </span>
359
        <span
360
          className="e1"
361
          onClick={(e) => onClickEmoji(e)}
362
          tabIndex="-1"
363
          id="1f417"
364
          data-shortname=":boar:"
365
          data-index="30"
366
          title="boar"
367
          data-eid="348"
368
        >
369
          <span className="emojione emojione-1f417"></span>
370
        </span>
371
        <span
372
          className="e1"
373
          onClick={(e) => onClickEmoji(e)}
374
          tabIndex="-1"
375
          id="1f43d"
376
          data-shortname=":pig_nose:"
377
          data-index="31"
378
          title="pig nose"
379
          data-eid="385"
380
        >
381
          <span className="emojione emojione-1f43d"></span>
382
        </span>
383
        <span
384
          className="e1"
385
          onClick={(e) => onClickEmoji(e)}
386
          tabIndex="-1"
387
          id="1f40f"
388
          data-shortname=":ram:"
389
          data-index="32"
390
          title="ram"
391
          data-eid="819"
392
        >
393
          <span className="emojione emojione-1f40f"></span>
394
        </span>
395
        <span
396
          className="e1"
397
          onClick={(e) => onClickEmoji(e)}
398
          tabIndex="-1"
399
          id="1f411"
400
          data-shortname=":sheep:"
401
          data-index="33"
402
          title="sheep"
403
          data-eid="345"
404
        >
405
          <span className="emojione emojione-1f411"></span>
406
        </span>
407
        <span
408
          className="e1"
409
          onClick={(e) => onClickEmoji(e)}
410
          tabIndex="-1"
411
          id="1f410"
412
          data-shortname=":goat:"
413
          data-index="34"
414
          title="goat"
415
          data-eid="820"
416
        >
417
          <span className="emojione emojione-1f410"></span>
418
        </span>
419
        <span
420
          className="e1"
421
          onClick={(e) => onClickEmoji(e)}
422
          tabIndex="-1"
423
          id="1f42a"
424
          data-shortname=":dromedary_camel:"
425
          data-index="35"
426
          title="dromedary camel"
427
          data-eid="824"
428
        >
429
          <span className="emojione emojione-1f42a"></span>
430
        </span>
431
        <span
432
          className="e1"
433
          onClick={(e) => onClickEmoji(e)}
434
          tabIndex="-1"
435
          id="1f42b"
436
          data-shortname=":camel:"
437
          data-index="36"
438
          title="bactrian camel"
439
          data-eid="367"
440
        >
441
          <span className="emojione emojione-1f42b"></span>
442
        </span>
443
        <span
444
          className="e1"
445
          onClick={(e) => onClickEmoji(e)}
446
          tabIndex="-1"
447
          id="1f418"
448
          data-shortname=":elephant:"
449
          data-index="37"
450
          title="elephant"
451
          data-eid="349"
452
        >
453
          <span className="emojione emojione-1f418"></span>
454
        </span>
455
        <span
456
          className="e1"
457
          onClick={(e) => onClickEmoji(e)}
458
          tabIndex="-1"
459
          id="1f98f"
460
          data-shortname=":rhino:"
461
          data-index="38"
462
          title="rhinoceros"
463
          data-eid="2285"
464
        >
465
          <span className="emojione emojione-1f98f"></span>
466
        </span>
467
        <span
468
          className="e1"
469
          onClick={(e) => onClickEmoji(e)}
470
          tabIndex="-1"
471
          id="1f42d"
472
          data-shortname=":mouse:"
473
          data-index="39"
474
          title="mouse face"
475
          data-eid="369"
476
        >
477
          <span className="emojione emojione-1f42d"></span>
478
        </span>
479
        <span
480
          className="e1"
481
          onClick={(e) => onClickEmoji(e)}
482
          tabIndex="-1"
483
          id="1f401"
484
          data-shortname=":mouse2:"
485
          data-index="40"
486
          title="mouse"
487
          data-eid="808"
488
        >
489
          <span className="emojione emojione-1f401"></span>
490
        </span>
491
        <span
492
          className="e1"
493
          onClick={(e) => onClickEmoji(e)}
494
          tabIndex="-1"
495
          id="1f400"
496
          data-shortname=":rat:"
497
          data-index="41"
498
          title="rat"
499
          data-eid="807"
500
        >
501
          <span className="emojione emojione-1f400"></span>
502
        </span>
503
        <span
504
          className="e1"
505
          onClick={(e) => onClickEmoji(e)}
506
          tabIndex="-1"
507
          id="1f439"
508
          data-shortname=":hamster:"
509
          data-index="42"
510
          title="hamster face"
511
          data-eid="381"
512
        >
513
          <span className="emojione emojione-1f439"></span>
514
        </span>
515
        <span
516
          className="e1"
517
          onClick={(e) => onClickEmoji(e)}
518
          tabIndex="-1"
519
          id="1f430"
520
          data-shortname=":rabbit:"
521
          data-index="43"
522
          title="rabbit face"
523
          data-eid="372"
524
        >
525
          <span className="emojione emojione-1f430"></span>
526
        </span>
527
        <span
528
          className="e1"
529
          onClick={(e) => onClickEmoji(e)}
530
          tabIndex="-1"
531
          id="1f407"
532
          data-shortname=":rabbit2:"
533
          data-index="44"
534
          title="rabbit"
535
          data-eid="814"
536
        >
537
          <span className="emojione emojione-1f407"></span>
538
        </span>
539
        <span
540
          className="e1"
541
          onClick={(e) => onClickEmoji(e)}
542
          tabIndex="-1"
543
          id="1f43f"
544
          data-shortname=":chipmunk:"
545
          data-index="45"
546
          title="chipmunk"
547
          data-eid="1090"
548
        >
549
          <span className="emojione emojione-1f43f"></span>
550
        </span>
551
        <span
552
          className="e1"
553
          onClick={(e) => onClickEmoji(e)}
554
          tabIndex="-1"
555
          id="1f987"
556
          data-shortname=":bat:"
557
          data-index="46"
558
          title="bat"
559
          data-eid="2277"
560
        >
561
          <span className="emojione emojione-1f987"></span>
562
        </span>
563
        <span
564
          className="e1"
565
          onClick={(e) => onClickEmoji(e)}
566
          tabIndex="-1"
567
          id="1f43b"
568
          data-shortname=":bear:"
569
          data-index="47"
570
          title="bear face"
571
          data-eid="383"
572
        >
573
          <span className="emojione emojione-1f43b"></span>
574
        </span>
575
        <span
576
          className="e1"
577
          onClick={(e) => onClickEmoji(e)}
578
          tabIndex="-1"
579
          id="1f428"
580
          data-shortname=":koala:"
581
          data-index="48"
582
          title="koala"
583
          data-eid="365"
584
        >
585
          <span className="emojione emojione-1f428"></span>
586
        </span>
587
        <span
588
          className="e1"
589
          onClick={(e) => onClickEmoji(e)}
590
          tabIndex="-1"
591
          id="1f43c"
592
          data-shortname=":panda_face:"
593
          data-index="49"
594
          title="panda face"
595
          data-eid="384"
596
        >
597
          <span className="emojione emojione-1f43c"></span>
598
        </span>
599
        <span
600
          className="e1"
601
          onClick={(e) => onClickEmoji(e)}
602
          tabIndex="-1"
603
          id="1f43e"
604
          data-shortname=":feet:"
605
          data-index="50"
606
          title="paw prints"
607
          data-eid="386"
608
        >
609
          <span className="emojione emojione-1f43e"></span>
610
        </span>
611
        <span
612
          className="e1"
613
          onClick={(e) => onClickEmoji(e)}
614
          tabIndex="-1"
615
          id="1f983"
616
          data-shortname=":turkey:"
617
          data-index="51"
618
          title="turkey"
619
          data-eid="2091"
620
        >
621
          <span className="emojione emojione-1f983"></span>
622
        </span>
623
        <span
624
          className="e1"
625
          onClick={(e) => onClickEmoji(e)}
626
          tabIndex="-1"
627
          id="1f414"
628
          data-shortname=":chicken:"
629
          data-index="52"
630
          title="chicken"
631
          data-eid="347"
632
        >
633
          <span className="emojione emojione-1f414"></span>
634
        </span>
635
        <span
636
          className="e1"
637
          onClick={(e) => onClickEmoji(e)}
638
          tabIndex="-1"
639
          id="1f413"
640
          data-shortname=":rooster:"
641
          data-index="53"
642
          title="rooster"
643
          data-eid="821"
644
        >
645
          <span className="emojione emojione-1f413"></span>
646
        </span>
647
        <span
648
          className="e1"
649
          onClick={(e) => onClickEmoji(e)}
650
          tabIndex="-1"
651
          id="1f423"
652
          data-shortname=":hatching_chick:"
653
          data-index="54"
654
          title="hatching chick"
655
          data-eid="360"
656
        >
657
          <span className="emojione emojione-1f423"></span>
658
        </span>
659
        <span
660
          className="e1"
661
          onClick={(e) => onClickEmoji(e)}
662
          tabIndex="-1"
663
          id="1f424"
664
          data-shortname=":baby_chick:"
665
          data-index="55"
666
          title="baby chick"
667
          data-eid="361"
668
        >
669
          <span className="emojione emojione-1f424"></span>
670
        </span>
671
        <span
672
          className="e1"
673
          onClick={(e) => onClickEmoji(e)}
674
          tabIndex="-1"
675
          id="1f425"
676
          data-shortname=":hatched_chick:"
677
          data-index="56"
678
          title="front-facing baby chick"
679
          data-eid="362"
680
        >
681
          <span className="emojione emojione-1f425"></span>
682
        </span>
683
        <span
684
          className="e1"
685
          onClick={(e) => onClickEmoji(e)}
686
          tabIndex="-1"
687
          id="1f426"
688
          data-shortname=":bird:"
689
          data-index="57"
690
          title="bird"
691
          data-eid="363"
692
        >
693
          <span className="emojione emojione-1f426"></span>
694
        </span>
695
        <span
696
          className="e1"
697
          onClick={(e) => onClickEmoji(e)}
698
          tabIndex="-1"
699
          id="1f427"
700
          data-shortname=":penguin:"
701
          data-index="58"
702
          title="penguin"
703
          data-eid="364"
704
        >
705
          <span className="emojione emojione-1f427"></span>
706
        </span>
707
        <span
708
          className="e1"
709
          onClick={(e) => onClickEmoji(e)}
710
          tabIndex="-1"
711
          id="1f54a"
712
          data-shortname=":dove:"
713
          data-index="59"
714
          title="dove of peace"
715
          data-eid="1114"
716
        >
717
          <span className="emojione emojione-1f54a"></span>
718
        </span>
719
        <span
720
          className="e1"
721
          onClick={(e) => onClickEmoji(e)}
722
          tabIndex="-1"
723
          id="1f985"
724
          data-shortname=":eagle:"
725
          data-index="60"
726
          title="eagle"
727
          data-eid="2275"
728
        >
729
          <span className="emojione emojione-1f985"></span>
730
        </span>
731
        <span
732
          className="e1"
733
          onClick={(e) => onClickEmoji(e)}
734
          tabIndex="-1"
735
          id="1f986"
736
          data-shortname=":duck:"
737
          data-index="61"
738
          title="duck"
739
          data-eid="2276"
740
        >
741
          <span className="emojione emojione-1f986"></span>
742
        </span>
743
        <span
744
          className="e1"
745
          onClick={(e) => onClickEmoji(e)}
746
          tabIndex="-1"
747
          id="1f989"
748
          data-shortname=":owl:"
749
          data-index="62"
750
          title="owl"
751
          data-eid="2279"
752
        >
753
          <span className="emojione emojione-1f989"></span>
754
        </span>
755
        <span
756
          className="e1"
757
          onClick={(e) => onClickEmoji(e)}
758
          tabIndex="-1"
759
          id="1f438"
760
          data-shortname=":frog:"
761
          data-index="63"
762
          title="frog face"
763
          data-eid="380"
764
        >
765
          <span className="emojione emojione-1f438"></span>
766
        </span>
767
        <span
768
          className="e1"
769
          onClick={(e) => onClickEmoji(e)}
770
          tabIndex="-1"
771
          id="1f40a"
772
          data-shortname=":crocodile:"
773
          data-index="64"
774
          title="crocodile"
775
          data-eid="817"
776
        >
777
          <span className="emojione emojione-1f40a"></span>
778
        </span>
779
        <span
780
          className="e1"
781
          onClick={(e) => onClickEmoji(e)}
782
          tabIndex="-1"
783
          id="1f422"
784
          data-shortname=":turtle:"
785
          data-index="65"
786
          title="turtle"
787
          data-eid="359"
788
        >
789
          <span className="emojione emojione-1f422"></span>
790
        </span>
791
        <span
792
          className="e1"
793
          onClick={(e) => onClickEmoji(e)}
794
          tabIndex="-1"
795
          id="1f98e"
796
          data-shortname=":lizard:"
797
          data-index="66"
798
          title="lizard"
799
          data-eid="2284"
800
        >
801
          <span className="emojione emojione-1f98e"></span>
802
        </span>
803
        <span
804
          className="e1"
805
          onClick={(e) => onClickEmoji(e)}
806
          tabIndex="-1"
807
          id="1f40d"
808
          data-shortname=":snake:"
809
          data-index="67"
810
          title="snake"
811
          data-eid="343"
812
        >
813
          <span className="emojione emojione-1f40d"></span>
814
        </span>
815
        <span
816
          className="e1"
817
          onClick={(e) => onClickEmoji(e)}
818
          tabIndex="-1"
819
          id="1f432"
820
          data-shortname=":dragon_face:"
821
          data-index="68"
822
          title="dragon face"
823
          data-eid="374"
824
        >
825
          <span className="emojione emojione-1f432"></span>
826
        </span>
827
        <span
828
          className="e1"
829
          onClick={(e) => onClickEmoji(e)}
830
          tabIndex="-1"
831
          id="1f409"
832
          data-shortname=":dragon:"
833
          data-index="69"
834
          title="dragon"
835
          data-eid="816"
836
        >
837
          <span className="emojione emojione-1f409"></span>
838
        </span>
839
        <span
840
          className="e1"
841
          onClick={(e) => onClickEmoji(e)}
842
          tabIndex="-1"
843
          id="1f433"
844
          data-shortname=":whale:"
845
          data-index="70"
846
          title="spouting whale"
847
          data-eid="375"
848
        >
849
          <span className="emojione emojione-1f433"></span>
850
        </span>
851
        <span
852
          className="e1"
853
          onClick={(e) => onClickEmoji(e)}
854
          tabIndex="-1"
855
          id="1f40b"
856
          data-shortname=":whale2:"
857
          data-index="71"
858
          title="whale"
859
          data-eid="818"
860
        >
861
          <span className="emojione emojione-1f40b"></span>
862
        </span>
863
        <span
864
          className="e1"
865
          onClick={(e) => onClickEmoji(e)}
866
          tabIndex="-1"
867
          id="1f42c"
868
          data-shortname=":dolphin:"
869
          data-index="72"
870
          title="dolphin"
871
          data-eid="368"
872
        >
873
          <span className="emojione emojione-1f42c"></span>
874
        </span>
875
        <span
876
          className="e1"
877
          onClick={(e) => onClickEmoji(e)}
878
          tabIndex="-1"
879
          id="1f41f"
880
          data-shortname=":fish:"
881
          data-index="73"
882
          title="fish"
883
          data-eid="356"
884
        >
885
          <span className="emojione emojione-1f41f"></span>
886
        </span>
887
        <span
888
          className="e1"
889
          onClick={(e) => onClickEmoji(e)}
890
          tabIndex="-1"
891
          id="1f420"
892
          data-shortname=":tropical_fish:"
893
          data-index="74"
894
          title="tropical fish"
895
          data-eid="357"
896
        >
897
          <span className="emojione emojione-1f420"></span>
898
        </span>
899
        <span
900
          className="e1"
901
          onClick={(e) => onClickEmoji(e)}
902
          tabIndex="-1"
903
          id="1f421"
904
          data-shortname=":blowfish:"
905
          data-index="75"
906
          title="blowfish"
907
          data-eid="358"
908
        >
909
          <span className="emojione emojione-1f421"></span>
910
        </span>
911
        <span
912
          className="e1"
913
          onClick={(e) => onClickEmoji(e)}
914
          tabIndex="-1"
915
          id="1f988"
916
          data-shortname=":shark:"
917
          data-index="76"
918
          title="shark"
919
          data-eid="2278"
920
        >
921
          <span className="emojione emojione-1f988"></span>
922
        </span>
923
        <span
924
          className="e1"
925
          onClick={(e) => onClickEmoji(e)}
926
          tabIndex="-1"
927
          id="1f419"
928
          data-shortname=":octopus:"
929
          data-index="77"
930
          title="octopus"
931
          data-eid="350"
932
        >
933
          <span className="emojione emojione-1f419"></span>
934
        </span>
935
        <span
936
          className="e1"
937
          onClick={(e) => onClickEmoji(e)}
938
          tabIndex="-1"
939
          id="1f41a"
940
          data-shortname=":shell:"
941
          data-index="78"
942
          title="spiral shell"
943
          data-eid="351"
944
        >
945
          <span className="emojione emojione-1f41a"></span>
946
        </span>
947
        <span
948
          className="e1"
949
          onClick={(e) => onClickEmoji(e)}
950
          tabIndex="-1"
951
          id="1f980"
952
          data-shortname=":crab:"
953
          data-index="79"
954
          title="crab"
955
          data-eid="2090"
956
        >
957
          <span className="emojione emojione-1f980"></span>
958
        </span>
959
        <span
960
          className="e1"
961
          onClick={(e) => onClickEmoji(e)}
962
          tabIndex="-1"
963
          id="1f990"
964
          data-shortname=":shrimp:"
965
          data-index="80"
966
          title="shrimp"
967
          data-eid="2318"
968
        >
969
          <span className="emojione emojione-1f990"></span>
970
        </span>
971
        <span
972
          className="e1"
973
          onClick={(e) => onClickEmoji(e)}
974
          tabIndex="-1"
975
          id="1f991"
976
          data-shortname=":squid:"
977
          data-index="81"
978
          title="squid"
979
          data-eid="2319"
980
        >
981
          <span className="emojione emojione-1f991"></span>
982
        </span>
983
        <span
984
          className="e1"
985
          onClick={(e) => onClickEmoji(e)}
986
          tabIndex="-1"
987
          id="1f98b"
988
          data-shortname=":butterfly:"
989
          data-index="82"
990
          title="butterfly"
991
          data-eid="2281"
992
        >
993
          <span className="emojione emojione-1f98b"></span>
994
        </span>
995
        <span
996
          className="e1"
997
          onClick={(e) => onClickEmoji(e)}
998
          tabIndex="-1"
999
          id="1f40c"
1000
          data-shortname=":snail:"
1001
          data-index="83"
1002
          title="snail"
1003
          data-eid="342"
1004
        >
1005
          <span className="emojione emojione-1f40c"></span>
1006
        </span>
1007
        <span
1008
          className="e1"
1009
          onClick={(e) => onClickEmoji(e)}
1010
          tabIndex="-1"
1011
          id="1f41b"
1012
          data-shortname=":bug:"
1013
          data-index="84"
1014
          title="bug"
1015
          data-eid="352"
1016
        >
1017
          <span className="emojione emojione-1f41b"></span>
1018
        </span>
1019
        <span
1020
          className="e1"
1021
          onClick={(e) => onClickEmoji(e)}
1022
          tabIndex="-1"
1023
          id="1f41c"
1024
          data-shortname=":ant:"
1025
          data-index="85"
1026
          title="ant"
1027
          data-eid="353"
1028
        >
1029
          <span className="emojione emojione-1f41c"></span>
1030
        </span>
1031
        <span
1032
          className="e1"
1033
          onClick={(e) => onClickEmoji(e)}
1034
          tabIndex="-1"
1035
          id="1f41d"
1036
          data-shortname=":bee:"
1037
          data-index="86"
1038
          title="honeybee"
1039
          data-eid="354"
1040
        >
1041
          <span className="emojione emojione-1f41d"></span>
1042
        </span>
1043
        <span
1044
          className="e1"
1045
          onClick={(e) => onClickEmoji(e)}
1046
          tabIndex="-1"
1047
          id="1f41e"
1048
          data-shortname=":beetle:"
1049
          data-index="87"
1050
          title="lady beetle"
1051
          data-eid="355"
1052
        >
1053
          <span className="emojione emojione-1f41e"></span>
1054
        </span>
1055
        <span
1056
          className="e1"
1057
          onClick={(e) => onClickEmoji(e)}
1058
          tabIndex="-1"
1059
          id="1f577"
1060
          data-shortname=":spider:"
1061
          data-index="88"
1062
          title="spider"
1063
          data-eid="1091"
1064
        >
1065
          <span className="emojione emojione-1f577"></span>
1066
        </span>
1067
        <span
1068
          className="e1"
1069
          onClick={(e) => onClickEmoji(e)}
1070
          tabIndex="-1"
1071
          id="1f578"
1072
          data-shortname=":spider_web:"
1073
          data-index="89"
1074
          title="spider web"
1075
          data-eid="1092"
1076
        >
1077
          <span className="emojione emojione-1f578"></span>
1078
        </span>
1079
        <span
1080
          className="e1"
1081
          onClick={(e) => onClickEmoji(e)}
1082
          tabIndex="-1"
1083
          id="1f982"
1084
          data-shortname=":scorpion:"
1085
          data-index="90"
1086
          title="scorpion"
1087
          data-eid="2089"
1088
        >
1089
          <span className="emojione emojione-1f982"></span>
1090
        </span>
1091
        <span
1092
          className="e1"
1093
          onClick={(e) => onClickEmoji(e)}
1094
          tabIndex="-1"
1095
          id="1f490"
1096
          data-shortname=":bouquet:"
1097
          data-index="91"
1098
          title="bouquet"
1099
          data-eid="475"
1100
        >
1101
          <span className="emojione emojione-1f490"></span>
1102
        </span>
1103
        <span
1104
          className="e1"
1105
          onClick={(e) => onClickEmoji(e)}
1106
          tabIndex="-1"
1107
          id="1f338"
1108
          data-shortname=":cherry_blossom:"
1109
          data-index="92"
1110
          title="cherry blossom"
1111
          data-eid="200"
1112
        >
1113
          <span className="emojione emojione-1f338"></span>
1114
        </span>
1115
        <span
1116
          className="e1"
1117
          onClick={(e) => onClickEmoji(e)}
1118
          tabIndex="-1"
1119
          id="1f3f5"
1120
          data-shortname=":rosette:"
1121
          data-index="93"
1122
          title="rosette"
1123
          data-eid="1104"
1124
        >
1125
          <span className="emojione emojione-1f3f5"></span>
1126
        </span>
1127
        <span
1128
          className="e1"
1129
          onClick={(e) => onClickEmoji(e)}
1130
          tabIndex="-1"
1131
          id="1f339"
1132
          data-shortname=":rose:"
1133
          data-index="94"
1134
          title="rose"
1135
          data-eid="201"
1136
        >
1137
          <span className="emojione emojione-1f339"></span>
1138
        </span>
1139
        <span
1140
          className="e1"
1141
          onClick={(e) => onClickEmoji(e)}
1142
          tabIndex="-1"
1143
          id="1f940"
1144
          data-shortname=":wilted_rose:"
1145
          data-index="95"
1146
          title="wilted flower"
1147
          data-eid="2286"
1148
        >
1149
          <span className="emojione emojione-1f940"></span>
1150
        </span>
1151
        <span
1152
          className="e1"
1153
          onClick={(e) => onClickEmoji(e)}
1154
          tabIndex="-1"
1155
          id="1f33a"
1156
          data-shortname=":hibiscus:"
1157
          data-index="96"
1158
          title="hibiscus"
1159
          data-eid="202"
1160
        >
1161
          <span className="emojione emojione-1f33a"></span>
1162
        </span>
1163
        <span
1164
          className="e1"
1165
          onClick={(e) => onClickEmoji(e)}
1166
          tabIndex="-1"
1167
          id="1f33b"
1168
          data-shortname=":sunflower:"
1169
          data-index="97"
1170
          title="sunflower"
1171
          data-eid="203"
1172
        >
1173
          <span className="emojione emojione-1f33b"></span>
1174
        </span>
1175
        <span
1176
          className="e1"
1177
          onClick={(e) => onClickEmoji(e)}
1178
          tabIndex="-1"
1179
          id="1f33c"
1180
          data-shortname=":blossom:"
1181
          data-index="98"
1182
          title="blossom"
1183
          data-eid="204"
1184
        >
1185
          <span className="emojione emojione-1f33c"></span>
1186
        </span>
1187
        <span
1188
          className="e1"
1189
          onClick={(e) => onClickEmoji(e)}
1190
          tabIndex="-1"
1191
          id="1f337"
1192
          data-shortname=":tulip:"
1193
          data-index="99"
1194
          title="tulip"
1195
          data-eid="199"
1196
        >
1197
          <span className="emojione emojione-1f337"></span>
1198
        </span>
1199
        <span
1200
          className="e1"
1201
          onClick={(e) => onClickEmoji(e)}
1202
          tabIndex="-1"
1203
          id="1f331"
1204
          data-shortname=":seedling:"
1205
          data-index="100"
1206
          title="seedling"
1207
          data-eid="196"
1208
        >
1209
          <span className="emojione emojione-1f331"></span>
1210
        </span>
1211
        <span
1212
          className="e1"
1213
          onClick={(e) => onClickEmoji(e)}
1214
          tabIndex="-1"
1215
          id="1f332"
1216
          data-shortname=":evergreen_tree:"
1217
          data-index="101"
1218
          title="evergreen tree"
1219
          data-eid="799"
1220
        >
1221
          <span className="emojione emojione-1f332"></span>
1222
        </span>
1223
        <span
1224
          className="e1"
1225
          onClick={(e) => onClickEmoji(e)}
1226
          tabIndex="-1"
1227
          id="1f333"
1228
          data-shortname=":deciduous_tree:"
1229
          data-index="102"
1230
          title="deciduous tree"
1231
          data-eid="800"
1232
        >
1233
          <span className="emojione emojione-1f333"></span>
1234
        </span>
1235
        <span
1236
          className="e1"
1237
          onClick={(e) => onClickEmoji(e)}
1238
          tabIndex="-1"
1239
          id="1f334"
1240
          data-shortname=":palm_tree:"
1241
          data-index="103"
1242
          title="palm tree"
1243
          data-eid="197"
1244
        >
1245
          <span className="emojione emojione-1f334"></span>
1246
        </span>
1247
        <span
1248
          className="e1"
1249
          onClick={(e) => onClickEmoji(e)}
1250
          tabIndex="-1"
1251
          id="1f335"
1252
          data-shortname=":cactus:"
1253
          data-index="104"
1254
          title="cactus"
1255
          data-eid="198"
1256
        >
1257
          <span className="emojione emojione-1f335"></span>
1258
        </span>
1259
        <span
1260
          className="e1"
1261
          onClick={(e) => onClickEmoji(e)}
1262
          tabIndex="-1"
1263
          id="1f33e"
1264
          data-shortname=":ear_of_rice:"
1265
          data-index="105"
1266
          title="ear of rice"
1267
          data-eid="206"
1268
        >
1269
          <span className="emojione emojione-1f33e"></span>
1270
        </span>
1271
        <span
1272
          className="e1"
1273
          onClick={(e) => onClickEmoji(e)}
1274
          tabIndex="-1"
1275
          id="1f33f"
1276
          data-shortname=":herb:"
1277
          data-index="106"
1278
          title="herb"
1279
          data-eid="207"
1280
        >
1281
          <span className="emojione emojione-1f33f"></span>
1282
        </span>
1283
        <span
1284
          className="e1"
1285
          onClick={(e) => onClickEmoji(e)}
1286
          tabIndex="-1"
1287
          id="2618"
1288
          data-shortname=":shamrock:"
1289
          data-index="107"
1290
          title="shamrock"
1291
          data-eid="1651"
1292
        >
1293
          <span className="emojione emojione-2618"></span>
1294
        </span>
1295
        <span
1296
          className="e1"
1297
          onClick={(e) => onClickEmoji(e)}
1298
          tabIndex="-1"
1299
          id="1f340"
1300
          data-shortname=":four_leaf_clover:"
1301
          data-index="108"
1302
          title="four leaf clover"
1303
          data-eid="208"
1304
        >
1305
          <span className="emojione emojione-1f340"></span>
1306
        </span>
1307
        <span
1308
          className="e1"
1309
          onClick={(e) => onClickEmoji(e)}
1310
          tabIndex="-1"
1311
          id="1f341"
1312
          data-shortname=":maple_leaf:"
1313
          data-index="109"
1314
          title="maple leaf"
1315
          data-eid="209"
1316
        >
1317
          <span className="emojione emojione-1f341"></span>
1318
        </span>
1319
        <span
1320
          className="e1"
1321
          onClick={(e) => onClickEmoji(e)}
1322
          tabIndex="-1"
1323
          id="1f342"
1324
          data-shortname=":fallen_leaf:"
1325
          data-index="110"
1326
          title="fallen leaf"
1327
          data-eid="210"
1328
        >
1329
          <span className="emojione emojione-1f342"></span>
1330
        </span>
1331
        <span
1332
          className="e1"
1333
          onClick={(e) => onClickEmoji(e)}
1334
          tabIndex="-1"
1335
          id="1f343"
1336
          data-shortname=":leaves:"
1337
          data-index="111"
1338
          title="leaf fluttering in wind"
1339
          data-eid="211"
1340
        >
1341
          <span className="emojione emojione-1f343"></span>
1342
        </span>
1343
        <span
1344
          className="e1"
1345
          onClick={(e) => onClickEmoji(e)}
1346
          tabIndex="-1"
1347
          id="1f344"
1348
          data-shortname=":mushroom:"
1349
          data-index="112"
1350
          title="mushroom"
1351
          data-eid="212"
1352
        >
1353
          <span className="emojione emojione-1f344"></span>
1354
        </span>
1355
        <span
1356
          className="e1"
1357
          onClick={(e) => onClickEmoji(e)}
1358
          tabIndex="-1"
1359
          id="1f330"
1360
          data-shortname=":chestnut:"
1361
          data-index="113"
1362
          title="chestnut"
1363
          data-eid="195"
1364
        >
1365
          <span className="emojione emojione-1f330"></span>
1366
        </span>
1367
        <span
1368
          className="e1"
1369
          onClick={(e) => onClickEmoji(e)}
1370
          tabIndex="-1"
1371
          id="1f30d"
1372
          data-shortname=":earth_africa:"
1373
          data-index="114"
1374
          title="earth globe europe-africa"
1375
          data-eid="788"
1376
        >
1377
          <span className="emojione emojione-1f30d"></span>
1378
        </span>
1379
        <span
1380
          className="e1"
1381
          onClick={(e) => onClickEmoji(e)}
1382
          tabIndex="-1"
1383
          id="1f30e"
1384
          data-shortname=":earth_americas:"
1385
          data-index="115"
1386
          title="earth globe americas"
1387
          data-eid="789"
1388
        >
1389
          <span className="emojione emojione-1f30e"></span>
1390
        </span>
1391
        <span
1392
          className="e1"
1393
          onClick={(e) => onClickEmoji(e)}
1394
          tabIndex="-1"
1395
          id="1f30f"
1396
          data-shortname=":earth_asia:"
1397
          data-index="116"
1398
          title="earth globe asia-australia"
1399
          data-eid="186"
1400
        >
1401
          <span className="emojione emojione-1f30f"></span>
1402
        </span>
1403
        <span
1404
          className="e1"
1405
          onClick={(e) => onClickEmoji(e)}
1406
          tabIndex="-1"
1407
          id="1f311"
1408
          data-shortname=":new_moon:"
1409
          data-index="117"
1410
          title="new moon symbol"
1411
          data-eid="187"
1412
        >
1413
          <span className="emojione emojione-1f311"></span>
1414
        </span>
1415
        <span
1416
          className="e1"
1417
          onClick={(e) => onClickEmoji(e)}
1418
          tabIndex="-1"
1419
          id="1f312"
1420
          data-shortname=":waxing_crescent_moon:"
1421
          data-index="118"
1422
          title="waxing crescent moon symbol"
1423
          data-eid="791"
1424
        >
1425
          <span className="emojione emojione-1f312"></span>
1426
        </span>
1427
        <span
1428
          className="e1"
1429
          onClick={(e) => onClickEmoji(e)}
1430
          tabIndex="-1"
1431
          id="1f313"
1432
          data-shortname=":first_quarter_moon:"
1433
          data-index="119"
1434
          title="first quarter moon symbol"
1435
          data-eid="188"
1436
        >
1437
          <span className="emojione emojione-1f313"></span>
1438
        </span>
1439
        <span
1440
          className="e1"
1441
          onClick={(e) => onClickEmoji(e)}
1442
          tabIndex="-1"
1443
          id="1f314"
1444
          data-shortname=":waxing_gibbous_moon:"
1445
          data-index="120"
1446
          title="waxing gibbous moon symbol"
1447
          data-eid="189"
1448
        >
1449
          <span className="emojione emojione-1f314"></span>
1450
        </span>
1451
        <span
1452
          className="e1"
1453
          onClick={(e) => onClickEmoji(e)}
1454
          tabIndex="-1"
1455
          id="1f315"
1456
          data-shortname=":full_moon:"
1457
          data-index="121"
1458
          title="full moon symbol"
1459
          data-eid="190"
1460
        >
1461
          <span className="emojione emojione-1f315"></span>
1462
        </span>
1463
        <span
1464
          className="e1"
1465
          onClick={(e) => onClickEmoji(e)}
1466
          tabIndex="-1"
1467
          id="1f316"
1468
          data-shortname=":waning_gibbous_moon:"
1469
          data-index="122"
1470
          title="waning gibbous moon symbol"
1471
          data-eid="792"
1472
        >
1473
          <span className="emojione emojione-1f316"></span>
1474
        </span>
1475
        <span
1476
          className="e1"
1477
          onClick={(e) => onClickEmoji(e)}
1478
          tabIndex="-1"
1479
          id="1f317"
1480
          data-shortname=":last_quarter_moon:"
1481
          data-index="123"
1482
          title="last quarter moon symbol"
1483
          data-eid="793"
1484
        >
1485
          <span className="emojione emojione-1f317"></span>
1486
        </span>
1487
        <span
1488
          className="e1"
1489
          onClick={(e) => onClickEmoji(e)}
1490
          tabIndex="-1"
1491
          id="1f318"
1492
          data-shortname=":waning_crescent_moon:"
1493
          data-index="124"
1494
          title="waning crescent moon symbol"
1495
          data-eid="794"
1496
        >
1497
          <span className="emojione emojione-1f318"></span>
1498
        </span>
1499
        <span
1500
          className="e1"
1501
          onClick={(e) => onClickEmoji(e)}
1502
          tabIndex="-1"
1503
          id="1f319"
1504
          data-shortname=":crescent_moon:"
1505
          data-index="125"
1506
          title="crescent moon"
1507
          data-eid="191"
1508
        >
1509
          <span className="emojione emojione-1f319"></span>
1510
        </span>
1511
        <span
1512
          className="e1"
1513
          onClick={(e) => onClickEmoji(e)}
1514
          tabIndex="-1"
1515
          id="1f31a"
1516
          data-shortname=":new_moon_with_face:"
1517
          data-index="126"
1518
          title="new moon with face"
1519
          data-eid="795"
1520
        >
1521
          <span className="emojione emojione-1f31a"></span>
1522
        </span>
1523
        <span
1524
          className="e1"
1525
          onClick={(e) => onClickEmoji(e)}
1526
          tabIndex="-1"
1527
          id="1f31b"
1528
          data-shortname=":first_quarter_moon_with_face:"
1529
          data-index="127"
1530
          title="first quarter moon with face"
1531
          data-eid="192"
1532
        >
1533
          <span className="emojione emojione-1f31b"></span>
1534
        </span>
1535
        <span
1536
          className="e1"
1537
          onClick={(e) => onClickEmoji(e)}
1538
          tabIndex="-1"
1539
          id="1f31c"
1540
          data-shortname=":last_quarter_moon_with_face:"
1541
          data-index="128"
1542
          title="last quarter moon with face"
1543
          data-eid="796"
1544
        >
1545
          <span className="emojione emojione-1f31c"></span>
1546
        </span>
1547
        <span
1548
          className="e1"
1549
          onClick={(e) => onClickEmoji(e)}
1550
          tabIndex="-1"
1551
          id="2600"
1552
          data-shortname=":sunny:"
1553
          data-index="129"
1554
          title="black sun with rays"
1555
          data-eid="46"
1556
        >
1557
          <span className="emojione emojione-2600"></span>
1558
        </span>
1559
        <span
1560
          className="e1"
1561
          onClick={(e) => onClickEmoji(e)}
1562
          tabIndex="-1"
1563
          id="1f31d"
1564
          data-shortname=":full_moon_with_face:"
1565
          data-index="130"
1566
          title="full moon with face"
1567
          data-eid="797"
1568
        >
1569
          <span className="emojione emojione-1f31d"></span>
1570
        </span>
1571
        <span
1572
          className="e1"
1573
          onClick={(e) => onClickEmoji(e)}
1574
          tabIndex="-1"
1575
          id="1f31e"
1576
          data-shortname=":sun_with_face:"
1577
          data-index="131"
1578
          title="sun with face"
1579
          data-eid="798"
1580
        >
1581
          <span className="emojione emojione-1f31e"></span>
1582
        </span>
1583
        <span
1584
          className="e1"
1585
          onClick={(e) => onClickEmoji(e)}
1586
          tabIndex="-1"
1587
          id="2b50"
1588
          data-shortname=":star:"
1589
          data-index="132"
1590
          title="white medium star"
1591
          data-eid="125"
1592
        >
1593
          <span className="emojione emojione-2b50"></span>
1594
        </span>
1595
        <span
1596
          className="e1"
1597
          onClick={(e) => onClickEmoji(e)}
1598
          tabIndex="-1"
1599
          id="1f31f"
1600
          data-shortname=":star2:"
1601
          data-index="133"
1602
          title="glowing star"
1603
          data-eid="193"
1604
        >
1605
          <span className="emojione emojione-1f31f"></span>
1606
        </span>
1607
        <span
1608
          className="e1"
1609
          onClick={(e) => onClickEmoji(e)}
1610
          tabIndex="-1"
1611
          id="2601"
1612
          data-shortname=":cloud:"
1613
          data-index="134"
1614
          title="cloud"
1615
          data-eid="47"
1616
        >
1617
          <span className="emojione emojione-2601"></span>
1618
        </span>
1619
        <span
1620
          className="e1"
1621
          onClick={(e) => onClickEmoji(e)}
1622
          tabIndex="-1"
1623
          id="26c5"
1624
          data-shortname=":partly_sunny:"
1625
          data-index="135"
1626
          title="sun behind cloud"
1627
          data-eid="81"
1628
        >
1629
          <span className="emojione emojione-26c5"></span>
1630
        </span>
1631
        <span
1632
          className="e1"
1633
          onClick={(e) => onClickEmoji(e)}
1634
          tabIndex="-1"
1635
          id="26c8"
1636
          data-shortname=":thunder_cloud_rain:"
1637
          data-index="136"
1638
          title="thunder cloud and rain"
1639
          data-eid="1680"
1640
        >
1641
          <span className="emojione emojione-26c8"></span>
1642
        </span>
1643
        <span
1644
          className="e1"
1645
          onClick={(e) => onClickEmoji(e)}
1646
          tabIndex="-1"
1647
          id="1f324"
1648
          data-shortname=":white_sun_small_cloud:"
1649
          data-index="137"
1650
          title="white sun with small cloud"
1651
          data-eid="1693"
1652
        >
1653
          <span className="emojione emojione-1f324"></span>
1654
        </span>
1655
        <span
1656
          className="e1"
1657
          onClick={(e) => onClickEmoji(e)}
1658
          tabIndex="-1"
1659
          id="1f325"
1660
          data-shortname=":white_sun_cloud:"
1661
          data-index="138"
1662
          title="white sun behind cloud"
1663
          data-eid="1694"
1664
        >
1665
          <span className="emojione emojione-1f325"></span>
1666
        </span>
1667
        <span
1668
          className="e1"
1669
          onClick={(e) => onClickEmoji(e)}
1670
          tabIndex="-1"
1671
          id="1f326"
1672
          data-shortname=":white_sun_rain_cloud:"
1673
          data-index="139"
1674
          title="white sun behind cloud with rain"
1675
          data-eid="1695"
1676
        >
1677
          <span className="emojione emojione-1f326"></span>
1678
        </span>
1679
        <span
1680
          className="e1"
1681
          onClick={(e) => onClickEmoji(e)}
1682
          tabIndex="-1"
1683
          id="1f327"
1684
          data-shortname=":cloud_rain:"
1685
          data-index="140"
1686
          title="cloud with rain"
1687
          data-eid="1084"
1688
        >
1689
          <span className="emojione emojione-1f327"></span>
1690
        </span>
1691
        <span
1692
          className="e1"
1693
          onClick={(e) => onClickEmoji(e)}
1694
          tabIndex="-1"
1695
          id="1f328"
1696
          data-shortname=":cloud_snow:"
1697
          data-index="141"
1698
          title="cloud with snow"
1699
          data-eid="1085"
1700
        >
1701
          <span className="emojione emojione-1f328"></span>
1702
        </span>
1703
        <span
1704
          className="e1"
1705
          onClick={(e) => onClickEmoji(e)}
1706
          tabIndex="-1"
1707
          id="1f329"
1708
          data-shortname=":cloud_lightning:"
1709
          data-index="142"
1710
          title="cloud with lightning"
1711
          data-eid="1086"
1712
        >
1713
          <span className="emojione emojione-1f329"></span>
1714
        </span>
1715
        <span
1716
          className="e1"
1717
          onClick={(e) => onClickEmoji(e)}
1718
          tabIndex="-1"
1719
          id="1f32a"
1720
          data-shortname=":cloud_tornado:"
1721
          data-index="143"
1722
          title="cloud with tornado"
1723
          data-eid="1087"
1724
        >
1725
          <span className="emojione emojione-1f32a"></span>
1726
        </span>
1727
        <span
1728
          className="e1"
1729
          onClick={(e) => onClickEmoji(e)}
1730
          tabIndex="-1"
1731
          id="1f32b"
1732
          data-shortname=":fog:"
1733
          data-index="144"
1734
          title="fog"
1735
          data-eid="1088"
1736
        >
1737
          <span className="emojione emojione-1f32b"></span>
1738
        </span>
1739
        <span
1740
          className="e1"
1741
          onClick={(e) => onClickEmoji(e)}
1742
          tabIndex="-1"
1743
          id="1f32c"
1744
          data-shortname=":wind_blowing_face:"
1745
          data-index="145"
1746
          title="wind blowing face"
1747
          data-eid="1089"
1748
        >
1749
          <span className="emojione emojione-1f32c"></span>
1750
        </span>
1751
        <span
1752
          className="e1"
1753
          onClick={(e) => onClickEmoji(e)}
1754
          tabIndex="-1"
1755
          id="2602"
1756
          data-shortname=":umbrella2:"
1757
          data-index="146"
1758
          title="umbrella"
1759
          data-eid="1648"
1760
        >
1761
          <span className="emojione emojione-2602"></span>
1762
        </span>
1763
        <span
1764
          className="e1"
1765
          onClick={(e) => onClickEmoji(e)}
1766
          tabIndex="-1"
1767
          id="2614"
1768
          data-shortname=":umbrella:"
1769
          data-index="147"
1770
          title="umbrella with rain drops"
1771
          data-eid="50"
1772
        >
1773
          <span className="emojione emojione-2614"></span>
1774
        </span>
1775
        <span
1776
          className="e1"
1777
          onClick={(e) => onClickEmoji(e)}
1778
          tabIndex="-1"
1779
          id="26a1"
1780
          data-shortname=":zap:"
1781
          data-index="148"
1782
          title="high voltage sign"
1783
          data-eid="75"
1784
        >
1785
          <span className="emojione emojione-26a1"></span>
1786
        </span>
1787
        <span
1788
          className="e1"
1789
          onClick={(e) => onClickEmoji(e)}
1790
          tabIndex="-1"
1791
          id="2744"
1792
          data-shortname=":snowflake:"
1793
          data-index="149"
1794
          title="snowflake"
1795
          data-eid="104"
1796
        >
1797
          <span className="emojione emojione-2744"></span>
1798
        </span>
1799
        <span
1800
          className="e1"
1801
          onClick={(e) => onClickEmoji(e)}
1802
          tabIndex="-1"
1803
          id="2603"
1804
          data-shortname=":snowman2:"
1805
          data-index="150"
1806
          title="snowman"
1807
          data-eid="1649"
1808
        >
1809
          <span className="emojione emojione-2603"></span>
1810
        </span>
1811
        <span
1812
          className="e1"
1813
          onClick={(e) => onClickEmoji(e)}
1814
          tabIndex="-1"
1815
          id="26c4"
1816
          data-shortname=":snowman:"
1817
          data-index="151"
1818
          title="snowman without snow"
1819
          data-eid="80"
1820
        >
1821
          <span className="emojione emojione-26c4"></span>
1822
        </span>
1823
        <span
1824
          className="e1"
1825
          onClick={(e) => onClickEmoji(e)}
1826
          tabIndex="-1"
1827
          id="2604"
1828
          data-shortname=":comet:"
1829
          data-index="152"
1830
          title="comet"
1831
          data-eid="1650"
1832
        >
1833
          <span className="emojione emojione-2604"></span>
1834
        </span>
1835
        <span
1836
          className="e1"
1837
          onClick={(e) => onClickEmoji(e)}
1838
          tabIndex="-1"
1839
          id="1f525"
1840
          data-shortname=":fire:"
1841
          data-index="153"
1842
          title="fire"
1843
          data-eid="558"
1844
        >
1845
          <span className="emojione emojione-1f525"></span>
1846
        </span>
1847
        <span
1848
          className="e1"
1849
          onClick={(e) => onClickEmoji(e)}
1850
          tabIndex="-1"
1851
          id="1f4a7"
1852
          data-shortname=":droplet:"
1853
          data-index="154"
1854
          title="droplet"
1855
          data-eid="542"
1856
        >
1857
          <span className="emojione emojione-1f4a7"></span>
1858
        </span>
1859
        <span
1860
          className="e1"
1861
          onClick={(e) => onClickEmoji(e)}
1862
          tabIndex="-1"
1863
          id="1f30a"
1864
          data-shortname=":ocean:"
1865
          data-index="155"
1866
          title="water wave"
1867
          data-eid="183"
1868
        >
1869
          <span className="emojione emojione-1f30a"></span>
1870
        </span>
1871
        <span
1872
          className="e1"
1873
          onClick={(e) => onClickEmoji(e)}
1874
          tabIndex="-1"
1875
          id="1f383"
1876
          data-shortname=":jack_o_lantern:"
1877
          data-index="156"
1878
          title="jack-o-lantern"
1879
          data-eid="269"
1880
        >
1881
          <span className="emojione emojione-1f383"></span>
1882
        </span>
1883
        <span
1884
          className="e1"
1885
          onClick={(e) => onClickEmoji(e)}
1886
          tabIndex="-1"
1887
          id="1f384"
1888
          data-shortname=":christmas_tree:"
1889
          data-index="157"
1890
          title="christmas tree"
1891
          data-eid="270"
1892
        >
1893
          <span className="emojione emojione-1f384"></span>
1894
        </span>
1895
        <span
1896
          className="e1"
1897
          onClick={(e) => onClickEmoji(e)}
1898
          tabIndex="-1"
1899
          id="2728"
1900
          data-shortname=":sparkles:"
1901
          data-index="158"
1902
          title="sparkles"
1903
          data-eid="101"
1904
        >
1905
          <span className="emojione emojione-2728"></span>
1906
        </span>
1907
        <span
1908
          className="e1"
1909
          onClick={(e) => onClickEmoji(e)}
1910
          tabIndex="-1"
1911
          id="1f38b"
1912
          data-shortname=":tanabata_tree:"
1913
          data-index="159"
1914
          title="tanabata tree"
1915
          data-eid="277"
1916
        >
1917
          <span className="emojione emojione-1f38b"></span>
1918
        </span>
1919
        <span
1920
          className="e1"
1921
          onClick={(e) => onClickEmoji(e)}
1922
          tabIndex="-1"
1923
          id="1f38d"
1924
          data-shortname=":bamboo:"
1925
          data-index="160"
1926
          title="pine decoration"
1927
          data-eid="279"
1928
        >
1929
          <span className="emojione emojione-1f38d"></span>
1930
        </span>
1931
      </div>
1932
    </div>
1933
  );
1934
};