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
 
3
export const EmojiTravel = (props) => {
4
  // props destructuring
5
  const { onClickEmoji, hidden } = props;
6
  return (
7
    <div
8
      className="smiley-panel-body"
9
      style={{ display: hidden ? "block" : "none" }}
10
    >
11
      <div className="emoji-travel">
12
        <span
13
          className="e1"
14
          onClick={(e) => onClickEmoji(e)}
15
          tabIndex="-1"
16
          id="1f3ce"
17
          data-shortname=":race_car:"
18
          data-index="1"
19
          title="racing car"
20
          data-eid="1078"
21
        >
22
          <span className="emojione emojione-1f3ce"></span>
23
        </span>
24
        <span
25
          className="e1"
26
          onClick={(e) => onClickEmoji(e)}
27
          tabIndex="-1"
28
          id="1f3cd"
29
          data-shortname=":motorcycle:"
30
          data-index="2"
31
          title="racing motorcycle"
32
          data-eid="1077"
33
        >
34
          <span className="emojione emojione-1f3cd"></span>
35
        </span>
36
        <span
37
          className="e1"
38
          onClick={(e) => onClickEmoji(e)}
39
          tabIndex="-1"
40
          id="1f5fe"
41
          data-shortname=":japan:"
42
          data-index="3"
43
          title="silhouette of japan"
44
          data-eid="618"
45
        >
46
          <span className="emojione emojione-1f5fe"></span>
47
        </span>
48
        <span
49
          className="e1"
50
          onClick={(e) => onClickEmoji(e)}
51
          tabIndex="-1"
52
          id="1f3d4"
53
          data-shortname=":mountain_snow:"
54
          data-index="4"
55
          title="snow capped mountain"
56
          data-eid="1234"
57
        >
58
          <span className="emojione emojione-1f3d4"></span>
59
        </span>
60
        <span
61
          className="e1"
62
          onClick={(e) => onClickEmoji(e)}
63
          tabIndex="-1"
64
          id="26f0"
65
          data-shortname=":mountain:"
66
          data-index="5"
67
          title="mountain"
68
          data-eid="1685"
69
        >
70
          <span className="emojione emojione-26f0"></span>
71
        </span>
72
        <span
73
          className="e1"
74
          onClick={(e) => onClickEmoji(e)}
75
          tabIndex="-1"
76
          id="1f30b"
77
          data-shortname=":volcano:"
78
          data-index="6"
79
          title="volcano"
80
          data-eid="184"
81
        >
82
          <span className="emojione emojione-1f30b"></span>
83
        </span>
84
        <span
85
          className="e1"
86
          onClick={(e) => onClickEmoji(e)}
87
          tabIndex="-1"
88
          id="1f5fb"
89
          data-shortname=":mount_fuji:"
90
          data-index="7"
91
          title="mount fuji"
92
          data-eid="614"
93
        >
94
          <span className="emojione emojione-1f5fb"></span>
95
        </span>
96
        <span
97
          className="e1"
98
          onClick={(e) => onClickEmoji(e)}
99
          tabIndex="-1"
100
          id="1f3d5"
101
          data-shortname=":camping:"
102
          data-index="8"
103
          title="camping"
104
          data-eid="1235"
105
        >
106
          <span className="emojione emojione-1f3d5"></span>
107
        </span>
108
        <span
109
          className="e1"
110
          onClick={(e) => onClickEmoji(e)}
111
          tabIndex="-1"
112
          id="1f3d6"
113
          data-shortname=":beach:"
114
          data-index="9"
115
          title="beach with umbrella"
116
          data-eid="1236"
117
        >
118
          <span className="emojione emojione-1f3d6"></span>
119
        </span>
120
        <span
121
          className="e1"
122
          onClick={(e) => onClickEmoji(e)}
123
          tabIndex="-1"
124
          id="1f3dc"
125
          data-shortname=":desert:"
126
          data-index="10"
127
          title="desert"
128
          data-eid="1242"
129
        >
130
          <span className="emojione emojione-1f3dc"></span>
131
        </span>
132
        <span
133
          className="e1"
134
          onClick={(e) => onClickEmoji(e)}
135
          tabIndex="-1"
136
          id="1f3dd"
137
          data-shortname=":island:"
138
          data-index="11"
139
          title="desert island"
140
          data-eid="1243"
141
        >
142
          <span className="emojione emojione-1f3dd"></span>
143
        </span>
144
        <span
145
          className="e1"
146
          onClick={(e) => onClickEmoji(e)}
147
          tabIndex="-1"
148
          id="1f3de"
149
          data-shortname=":park:"
150
          data-index="12"
151
          title="national park"
152
          data-eid="1244"
153
        >
154
          <span className="emojione emojione-1f3de"></span>
155
        </span>
156
        <span
157
          className="e1"
158
          onClick={(e) => onClickEmoji(e)}
159
          tabIndex="-1"
160
          id="1f3df"
161
          data-shortname=":stadium:"
162
          data-index="13"
163
          title="stadium"
164
          data-eid="1245"
165
        >
166
          <span className="emojione emojione-1f3df"></span>
167
        </span>
168
        <span
169
          className="e1"
170
          onClick={(e) => onClickEmoji(e)}
171
          tabIndex="-1"
172
          id="1f3db"
173
          data-shortname=":classical_building:"
174
          data-index="14"
175
          title="classical building"
176
          data-eid="1241"
177
        >
178
          <span className="emojione emojione-1f3db"></span>
179
        </span>
180
        <span
181
          className="e1"
182
          onClick={(e) => onClickEmoji(e)}
183
          tabIndex="-1"
184
          id="1f3d7"
185
          data-shortname=":construction_site:"
186
          data-index="15"
187
          title="building construction"
188
          data-eid="1237"
189
        >
190
          <span className="emojione emojione-1f3d7"></span>
191
        </span>
192
        <span
193
          className="e1"
194
          onClick={(e) => onClickEmoji(e)}
195
          tabIndex="-1"
196
          id="1f3d8"
197
          data-shortname=":homes:"
198
          data-index="16"
199
          title="house buildings"
200
          data-eid="1238"
201
        >
202
          <span className="emojione emojione-1f3d8"></span>
203
        </span>
204
        <span
205
          className="e1"
206
          onClick={(e) => onClickEmoji(e)}
207
          tabIndex="-1"
208
          id="1f3d9"
209
          data-shortname=":cityscape:"
210
          data-index="17"
211
          title="cityscape"
212
          data-eid="1239"
213
        >
214
          <span className="emojione emojione-1f3d9"></span>
215
        </span>
216
        <span
217
          className="e1"
218
          onClick={(e) => onClickEmoji(e)}
219
          tabIndex="-1"
220
          id="1f3da"
221
          data-shortname=":house_abandoned:"
222
          data-index="18"
223
          title="derelict house building"
224
          data-eid="1240"
225
        >
226
          <span className="emojione emojione-1f3da"></span>
227
        </span>
228
        <span
229
          className="e1"
230
          onClick={(e) => onClickEmoji(e)}
231
          tabIndex="-1"
232
          id="1f3e0"
233
          data-shortname=":house:"
234
          data-index="19"
235
          title="house building"
236
          data-eid="326"
237
        >
238
          <span className="emojione emojione-1f3e0"></span>
239
        </span>
240
        <span
241
          className="e1"
242
          onClick={(e) => onClickEmoji(e)}
243
          tabIndex="-1"
244
          id="1f3e1"
245
          data-shortname=":house_with_garden:"
246
          data-index="20"
247
          title="house with garden"
248
          data-eid="327"
249
        >
250
          <span className="emojione emojione-1f3e1"></span>
251
        </span>
252
        <span
253
          className="e1"
254
          onClick={(e) => onClickEmoji(e)}
255
          tabIndex="-1"
256
          id="1f3e2"
257
          data-shortname=":office:"
258
          data-index="21"
259
          title="office building"
260
          data-eid="328"
261
        >
262
          <span className="emojione emojione-1f3e2"></span>
263
        </span>
264
        <span
265
          className="e1"
266
          onClick={(e) => onClickEmoji(e)}
267
          tabIndex="-1"
268
          id="1f3e3"
269
          data-shortname=":post_office:"
270
          data-index="22"
271
          title="japanese post office"
272
          data-eid="329"
273
        >
274
          <span className="emojione emojione-1f3e3"></span>
275
        </span>
276
        <span
277
          className="e1"
278
          onClick={(e) => onClickEmoji(e)}
279
          tabIndex="-1"
280
          id="1f3e4"
281
          data-shortname=":european_post_office:"
282
          data-index="23"
283
          title="european post office"
284
          data-eid="806"
285
        >
286
          <span className="emojione emojione-1f3e4"></span>
287
        </span>
288
        <span
289
          className="e1"
290
          onClick={(e) => onClickEmoji(e)}
291
          tabIndex="-1"
292
          id="1f3e5"
293
          data-shortname=":hospital:"
294
          data-index="24"
295
          title="hospital"
296
          data-eid="330"
297
        >
298
          <span className="emojione emojione-1f3e5"></span>
299
        </span>
300
        <span
301
          className="e1"
302
          onClick={(e) => onClickEmoji(e)}
303
          tabIndex="-1"
304
          id="1f3e6"
305
          data-shortname=":bank:"
306
          data-index="25"
307
          title="bank"
308
          data-eid="331"
309
        >
310
          <span className="emojione emojione-1f3e6"></span>
311
        </span>
312
        <span
313
          className="e1"
314
          onClick={(e) => onClickEmoji(e)}
315
          tabIndex="-1"
316
          id="1f3e8"
317
          data-shortname=":hotel:"
318
          data-index="26"
319
          title="hotel"
320
          data-eid="333"
321
        >
322
          <span className="emojione emojione-1f3e8"></span>
323
        </span>
324
        <span
325
          className="e1"
326
          onClick={(e) => onClickEmoji(e)}
327
          tabIndex="-1"
328
          id="1f3e9"
329
          data-shortname=":love_hotel:"
330
          data-index="27"
331
          title="love hotel"
332
          data-eid="334"
333
        >
334
          <span className="emojione emojione-1f3e9"></span>
335
        </span>
336
        <span
337
          className="e1"
338
          onClick={(e) => onClickEmoji(e)}
339
          tabIndex="-1"
340
          id="1f3ea"
341
          data-shortname=":convenience_store:"
342
          data-index="28"
343
          title="convenience store"
344
          data-eid="335"
345
        >
346
          <span className="emojione emojione-1f3ea"></span>
347
        </span>
348
        <span
349
          className="e1"
350
          onClick={(e) => onClickEmoji(e)}
351
          tabIndex="-1"
352
          id="1f3eb"
353
          data-shortname=":school:"
354
          data-index="29"
355
          title="school"
356
          data-eid="336"
357
        >
358
          <span className="emojione emojione-1f3eb"></span>
359
        </span>
360
        <span
361
          className="e1"
362
          onClick={(e) => onClickEmoji(e)}
363
          tabIndex="-1"
364
          id="1f3ec"
365
          data-shortname=":department_store:"
366
          data-index="30"
367
          title="department store"
368
          data-eid="337"
369
        >
370
          <span className="emojione emojione-1f3ec"></span>
371
        </span>
372
        <span
373
          className="e1"
374
          onClick={(e) => onClickEmoji(e)}
375
          tabIndex="-1"
376
          id="1f3ed"
377
          data-shortname=":factory:"
378
          data-index="31"
379
          title="factory"
380
          data-eid="338"
381
        >
382
          <span className="emojione emojione-1f3ed"></span>
383
        </span>
384
        <span
385
          className="e1"
386
          onClick={(e) => onClickEmoji(e)}
387
          tabIndex="-1"
388
          id="1f3ef"
389
          data-shortname=":japanese_castle:"
390
          data-index="32"
391
          title="japanese castle"
392
          data-eid="340"
393
        >
394
          <span className="emojione emojione-1f3ef"></span>
395
        </span>
396
        <span
397
          className="e1"
398
          onClick={(e) => onClickEmoji(e)}
399
          tabIndex="-1"
400
          id="1f3f0"
401
          data-shortname=":european_castle:"
402
          data-index="33"
403
          title="european castle"
404
          data-eid="341"
405
        >
406
          <span className="emojione emojione-1f3f0"></span>
407
        </span>
408
        <span
409
          className="e1"
410
          onClick={(e) => onClickEmoji(e)}
411
          tabIndex="-1"
412
          id="1f492"
413
          data-shortname=":wedding:"
414
          data-index="34"
415
          title="wedding"
416
          data-eid="479"
417
        >
418
          <span className="emojione emojione-1f492"></span>
419
        </span>
420
        <span
421
          className="e1"
422
          onClick={(e) => onClickEmoji(e)}
423
          tabIndex="-1"
424
          id="1f5fc"
425
          data-shortname=":tokyo_tower:"
426
          data-index="35"
427
          title="tokyo tower"
428
          data-eid="615"
429
        >
430
          <span className="emojione emojione-1f5fc"></span>
431
        </span>
432
        <span
433
          className="e1"
434
          onClick={(e) => onClickEmoji(e)}
435
          tabIndex="-1"
436
          id="1f5fd"
437
          data-shortname=":statue_of_liberty:"
438
          data-index="36"
439
          title="statue of liberty"
440
          data-eid="617"
441
        >
442
          <span className="emojione emojione-1f5fd"></span>
443
        </span>
444
        <span
445
          className="e1"
446
          onClick={(e) => onClickEmoji(e)}
447
          tabIndex="-1"
448
          id="26ea"
449
          data-shortname=":church:"
450
          data-index="37"
451
          title="church"
452
          data-eid="84"
453
        >
454
          <span className="emojione emojione-26ea"></span>
455
        </span>
456
        <span
457
          className="e1"
458
          onClick={(e) => onClickEmoji(e)}
459
          tabIndex="-1"
460
          id="1f54c"
461
          data-shortname=":mosque:"
462
          data-index="38"
463
          title="mosque"
464
          data-eid="2102"
465
        >
466
          <span className="emojione emojione-1f54c"></span>
467
        </span>
468
        <span
469
          className="e1"
470
          onClick={(e) => onClickEmoji(e)}
471
          tabIndex="-1"
472
          id="1f54d"
473
          data-shortname=":synagogue:"
474
          data-index="39"
475
          title="synagogue"
476
          data-eid="2103"
477
        >
478
          <span className="emojione emojione-1f54d"></span>
479
        </span>
480
        <span
481
          className="e1"
482
          onClick={(e) => onClickEmoji(e)}
483
          tabIndex="-1"
484
          id="26e9"
485
          data-shortname=":shinto_shrine:"
486
          data-index="40"
487
          title="shinto shrine"
488
          data-eid="1684"
489
        >
490
          <span className="emojione emojione-26e9"></span>
491
        </span>
492
        <span
493
          className="e1"
494
          onClick={(e) => onClickEmoji(e)}
495
          tabIndex="-1"
496
          id="1f54b"
497
          data-shortname=":kaaba:"
498
          data-index="41"
499
          title="kaaba"
500
          data-eid="2101"
501
        >
502
          <span className="emojione emojione-1f54b"></span>
503
        </span>
504
        <span
505
          className="e1"
506
          onClick={(e) => onClickEmoji(e)}
507
          tabIndex="-1"
508
          id="26f2"
509
          data-shortname=":fountain:"
510
          data-index="42"
511
          title="fountain"
512
          data-eid="85"
513
        >
514
          <span className="emojione emojione-26f2"></span>
515
        </span>
516
        <span
517
          className="e1"
518
          onClick={(e) => onClickEmoji(e)}
519
          tabIndex="-1"
520
          id="26fa"
521
          data-shortname=":tent:"
522
          data-index="43"
523
          title="tent"
524
          data-eid="88"
525
        >
526
          <span className="emojione emojione-26fa"></span>
527
        </span>
528
        <span
529
          className="e1"
530
          onClick={(e) => onClickEmoji(e)}
531
          tabIndex="-1"
532
          id="1f301"
533
          data-shortname=":foggy:"
534
          data-index="44"
535
          title="foggy"
536
          data-eid="174"
537
        >
538
          <span className="emojione emojione-1f301"></span>
539
        </span>
540
        <span
541
          className="e1"
542
          onClick={(e) => onClickEmoji(e)}
543
          tabIndex="-1"
544
          id="1f303"
545
          data-shortname=":night_with_stars:"
546
          data-index="45"
547
          title="night with stars"
548
          data-eid="176"
549
        >
550
          <span className="emojione emojione-1f303"></span>
551
        </span>
552
        <span
553
          className="e1"
554
          onClick={(e) => onClickEmoji(e)}
555
          tabIndex="-1"
556
          id="1f304"
557
          data-shortname=":sunrise_over_mountains:"
558
          data-index="46"
559
          title="sunrise over mountains"
560
          data-eid="177"
561
        >
562
          <span className="emojione emojione-1f304"></span>
563
        </span>
564
        <span
565
          className="e1"
566
          onClick={(e) => onClickEmoji(e)}
567
          tabIndex="-1"
568
          id="1f305"
569
          data-shortname=":sunrise:"
570
          data-index="47"
571
          title="sunrise"
572
          data-eid="178"
573
        >
574
          <span className="emojione emojione-1f305"></span>
575
        </span>
576
        <span
577
          className="e1"
578
          onClick={(e) => onClickEmoji(e)}
579
          tabIndex="-1"
580
          id="1f306"
581
          data-shortname=":city_dusk:"
582
          data-index="48"
583
          title="cityscape at dusk"
584
          data-eid="179"
585
        >
586
          <span className="emojione emojione-1f306"></span>
587
        </span>
588
        <span
589
          className="e1"
590
          onClick={(e) => onClickEmoji(e)}
591
          tabIndex="-1"
592
          id="1f307"
593
          data-shortname=":city_sunset:"
594
          data-index="49"
595
          title="sunset over buildings"
596
          data-eid="180"
597
        >
598
          <span className="emojione emojione-1f307"></span>
599
        </span>
600
        <span
601
          className="e1"
602
          onClick={(e) => onClickEmoji(e)}
603
          tabIndex="-1"
604
          id="1f309"
605
          data-shortname=":bridge_at_night:"
606
          data-index="50"
607
          title="bridge at night"
608
          data-eid="182"
609
        >
610
          <span className="emojione emojione-1f309"></span>
611
        </span>
612
        <span
613
          className="e1"
614
          onClick={(e) => onClickEmoji(e)}
615
          tabIndex="-1"
616
          id="1f30c"
617
          data-shortname=":milky_way:"
618
          data-index="51"
619
          title="milky way"
620
          data-eid="185"
621
        >
622
          <span className="emojione emojione-1f30c"></span>
623
        </span>
624
        <span
625
          className="e1"
626
          onClick={(e) => onClickEmoji(e)}
627
          tabIndex="-1"
628
          id="1f3a0"
629
          data-shortname=":carousel_horse:"
630
          data-index="52"
631
          title="carousel horse"
632
          data-eid="286"
633
        >
634
          <span className="emojione emojione-1f3a0"></span>
635
        </span>
636
        <span
637
          className="e1"
638
          onClick={(e) => onClickEmoji(e)}
639
          tabIndex="-1"
640
          id="1f3a1"
641
          data-shortname=":ferris_wheel:"
642
          data-index="53"
643
          title="ferris wheel"
644
          data-eid="287"
645
        >
646
          <span className="emojione emojione-1f3a1"></span>
647
        </span>
648
        <span
649
          className="e1"
650
          onClick={(e) => onClickEmoji(e)}
651
          tabIndex="-1"
652
          id="1f3a2"
653
          data-shortname=":roller_coaster:"
654
          data-index="54"
655
          title="roller coaster"
656
          data-eid="288"
657
        >
658
          <span className="emojione emojione-1f3a2"></span>
659
        </span>
660
        <span
661
          className="e1"
662
          onClick={(e) => onClickEmoji(e)}
663
          tabIndex="-1"
664
          id="1f682"
665
          data-shortname=":steam_locomotive:"
666
          data-index="55"
667
          title="steam locomotive"
668
          data-eid="754"
669
        >
670
          <span className="emojione emojione-1f682"></span>
671
        </span>
672
        <span
673
          className="e1"
674
          onClick={(e) => onClickEmoji(e)}
675
          tabIndex="-1"
676
          id="1f683"
677
          data-shortname=":railway_car:"
678
          data-index="56"
679
          title="railway car"
680
          data-eid="690"
681
        >
682
          <span className="emojione emojione-1f683"></span>
683
        </span>
684
        <span
685
          className="e1"
686
          onClick={(e) => onClickEmoji(e)}
687
          tabIndex="-1"
688
          id="1f684"
689
          data-shortname=":bullettrain_side:"
690
          data-index="57"
691
          title="high-speed train"
692
          data-eid="691"
693
        >
694
          <span className="emojione emojione-1f684"></span>
695
        </span>
696
        <span
697
          className="e1"
698
          onClick={(e) => onClickEmoji(e)}
699
          tabIndex="-1"
700
          id="1f685"
701
          data-shortname=":bullettrain_front:"
702
          data-index="58"
703
          title="high-speed train with bullet nose"
704
          data-eid="692"
705
        >
706
          <span className="emojione emojione-1f685"></span>
707
        </span>
708
        <span
709
          className="e1"
710
          onClick={(e) => onClickEmoji(e)}
711
          tabIndex="-1"
712
          id="1f686"
713
          data-shortname=":train2:"
714
          data-index="59"
715
          title="train"
716
          data-eid="755"
717
        >
718
          <span className="emojione emojione-1f686"></span>
719
        </span>
720
        <span
721
          className="e1"
722
          onClick={(e) => onClickEmoji(e)}
723
          tabIndex="-1"
724
          id="1f687"
725
          data-shortname=":metro:"
726
          data-index="60"
727
          title="metro"
728
          data-eid="693"
729
        >
730
          <span className="emojione emojione-1f687"></span>
731
        </span>
732
        <span
733
          className="e1"
734
          onClick={(e) => onClickEmoji(e)}
735
          tabIndex="-1"
736
          id="1f688"
737
          data-shortname=":light_rail:"
738
          data-index="61"
739
          title="light rail"
740
          data-eid="756"
741
        >
742
          <span className="emojione emojione-1f688"></span>
743
        </span>
744
        <span
745
          className="e1"
746
          onClick={(e) => onClickEmoji(e)}
747
          tabIndex="-1"
748
          id="1f689"
749
          data-shortname=":station:"
750
          data-index="62"
751
          title="station"
752
          data-eid="694"
753
        >
754
          <span className="emojione emojione-1f689"></span>
755
        </span>
756
        <span
757
          className="e1"
758
          onClick={(e) => onClickEmoji(e)}
759
          tabIndex="-1"
760
          id="1f68a"
761
          data-shortname=":tram:"
762
          data-index="63"
763
          title="tram"
764
          data-eid="757"
765
        >
766
          <span className="emojione emojione-1f68a"></span>
767
        </span>
768
        <span
769
          className="e1"
770
          onClick={(e) => onClickEmoji(e)}
771
          tabIndex="-1"
772
          id="1f69d"
773
          data-shortname=":monorail:"
774
          data-index="64"
775
          title="monorail"
776
          data-eid="766"
777
        >
778
          <span className="emojione emojione-1f69d"></span>
779
        </span>
780
        <span
781
          className="e1"
782
          onClick={(e) => onClickEmoji(e)}
783
          tabIndex="-1"
784
          id="1f69e"
785
          data-shortname=":mountain_railway:"
786
          data-index="65"
787
          title="mountain railway"
788
          data-eid="767"
789
        >
790
          <span className="emojione emojione-1f69e"></span>
791
        </span>
792
        <span
793
          className="e1"
794
          onClick={(e) => onClickEmoji(e)}
795
          tabIndex="-1"
796
          id="1f68b"
797
          data-shortname=":train:"
798
          data-index="66"
799
          title="tram car"
800
          data-eid="862"
801
        >
802
          <span className="emojione emojione-1f68b"></span>
803
        </span>
804
        <span
805
          className="e1"
806
          onClick={(e) => onClickEmoji(e)}
807
          tabIndex="-1"
808
          id="1f68c"
809
          data-shortname=":bus:"
810
          data-index="67"
811
          title="bus"
812
          data-eid="695"
813
        >
814
          <span className="emojione emojione-1f68c"></span>
815
        </span>
816
        <span
817
          className="e1"
818
          onClick={(e) => onClickEmoji(e)}
819
          tabIndex="-1"
820
          id="1f68d"
821
          data-shortname=":oncoming_bus:"
822
          data-index="68"
823
          title="oncoming bus"
824
          data-eid="758"
825
        >
826
          <span className="emojione emojione-1f68d"></span>
827
        </span>
828
        <span
829
          className="e1"
830
          onClick={(e) => onClickEmoji(e)}
831
          tabIndex="-1"
832
          id="1f68e"
833
          data-shortname=":trolleybus:"
834
          data-index="69"
835
          title="trolleybus"
836
          data-eid="759"
837
        >
838
          <span className="emojione emojione-1f68e"></span>
839
        </span>
840
        <span
841
          className="e1"
842
          onClick={(e) => onClickEmoji(e)}
843
          tabIndex="-1"
844
          id="1f690"
845
          data-shortname=":minibus:"
846
          data-index="70"
847
          title="minibus"
848
          data-eid="760"
849
        >
850
          <span className="emojione emojione-1f690"></span>
851
        </span>
852
        <span
853
          className="e1"
854
          onClick={(e) => onClickEmoji(e)}
855
          tabIndex="-1"
856
          id="1f691"
857
          data-shortname=":ambulance:"
858
          data-index="71"
859
          title="ambulance"
860
          data-eid="697"
861
        >
862
          <span className="emojione emojione-1f691"></span>
863
        </span>
864
        <span
865
          className="e1"
866
          onClick={(e) => onClickEmoji(e)}
867
          tabIndex="-1"
868
          id="1f692"
869
          data-shortname=":fire_engine:"
870
          data-index="72"
871
          title="fire engine"
872
          data-eid="698"
873
        >
874
          <span className="emojione emojione-1f692"></span>
875
        </span>
876
        <span
877
          className="e1"
878
          onClick={(e) => onClickEmoji(e)}
879
          tabIndex="-1"
880
          id="1f693"
881
          data-shortname=":police_car:"
882
          data-index="73"
883
          title="police car"
884
          data-eid="699"
885
        >
886
          <span className="emojione emojione-1f693"></span>
887
        </span>
888
        <span
889
          className="e1"
890
          onClick={(e) => onClickEmoji(e)}
891
          tabIndex="-1"
892
          id="1f694"
893
          data-shortname=":oncoming_police_car:"
894
          data-index="74"
895
          title="oncoming police car"
896
          data-eid="761"
897
        >
898
          <span className="emojione emojione-1f694"></span>
899
        </span>
900
        <span
901
          className="e1"
902
          onClick={(e) => onClickEmoji(e)}
903
          tabIndex="-1"
904
          id="1f695"
905
          data-shortname=":taxi:"
906
          data-index="75"
907
          title="taxi"
908
          data-eid="700"
909
        >
910
          <span className="emojione emojione-1f695"></span>
911
        </span>
912
        <span
913
          className="e1"
914
          onClick={(e) => onClickEmoji(e)}
915
          tabIndex="-1"
916
          id="1f696"
917
          data-shortname=":oncoming_taxi:"
918
          data-index="76"
919
          title="oncoming taxi"
920
          data-eid="762"
921
        >
922
          <span className="emojione emojione-1f696"></span>
923
        </span>
924
        <span
925
          className="e1"
926
          onClick={(e) => onClickEmoji(e)}
927
          tabIndex="-1"
928
          id="1f697"
929
          data-shortname=":red_car:"
930
          data-index="77"
931
          title="automobile"
932
          data-eid="701"
933
        >
934
          <span className="emojione emojione-1f697"></span>
935
        </span>
936
        <span
937
          className="e1"
938
          onClick={(e) => onClickEmoji(e)}
939
          tabIndex="-1"
940
          id="1f698"
941
          data-shortname=":oncoming_automobile:"
942
          data-index="78"
943
          title="oncoming automobile"
944
          data-eid="763"
945
        >
946
          <span className="emojione emojione-1f698"></span>
947
        </span>
948
        <span
949
          className="e1"
950
          onClick={(e) => onClickEmoji(e)}
951
          tabIndex="-1"
952
          id="1f699"
953
          data-shortname=":blue_car:"
954
          data-index="79"
955
          title="recreational vehicle"
956
          data-eid="702"
957
        >
958
          <span className="emojione emojione-1f699"></span>
959
        </span>
960
        <span
961
          className="e1"
962
          onClick={(e) => onClickEmoji(e)}
963
          tabIndex="-1"
964
          id="1f69a"
965
          data-shortname=":truck:"
966
          data-index="80"
967
          title="delivery truck"
968
          data-eid="703"
969
        >
970
          <span className="emojione emojione-1f69a"></span>
971
        </span>
972
        <span
973
          className="e1"
974
          onClick={(e) => onClickEmoji(e)}
975
          tabIndex="-1"
976
          id="1f69b"
977
          data-shortname=":articulated_lorry:"
978
          data-index="81"
979
          title="articulated lorry"
980
          data-eid="764"
981
        >
982
          <span className="emojione emojione-1f69b"></span>
983
        </span>
984
        <span
985
          className="e1"
986
          onClick={(e) => onClickEmoji(e)}
987
          tabIndex="-1"
988
          id="1f69c"
989
          data-shortname=":tractor:"
990
          data-index="82"
991
          title="tractor"
992
          data-eid="765"
993
        >
994
          <span className="emojione emojione-1f69c"></span>
995
        </span>
996
        <span
997
          className="e1"
998
          onClick={(e) => onClickEmoji(e)}
999
          tabIndex="-1"
1000
          id="1f6b2"
1001
          data-shortname=":bike:"
1002
          data-index="83"
1003
          title="bicycle"
1004
          data-eid="714"
1005
        >
1006
          <span className="emojione emojione-1f6b2"></span>
1007
        </span>
1008
        <span
1009
          className="e1"
1010
          onClick={(e) => onClickEmoji(e)}
1011
          tabIndex="-1"
1012
          id="1f6f4"
1013
          data-shortname=":scooter:"
1014
          data-index="84"
1015
          title="scooter"
1016
          data-eid="2302"
1017
        >
1018
          <span className="emojione emojione-1f6f4"></span>
1019
        </span>
1020
        <span
1021
          className="e1"
1022
          onClick={(e) => onClickEmoji(e)}
1023
          tabIndex="-1"
1024
          id="1f6f5"
1025
          data-shortname=":motor_scooter:"
1026
          data-index="85"
1027
          title="motor scooter"
1028
          data-eid="2303"
1029
        >
1030
          <span className="emojione emojione-1f6f5"></span>
1031
        </span>
1032
        <span
1033
          className="e1"
1034
          onClick={(e) => onClickEmoji(e)}
1035
          tabIndex="-1"
1036
          id="1f68f"
1037
          data-shortname=":busstop:"
1038
          data-index="86"
1039
          title="bus stop"
1040
          data-eid="696"
1041
        >
1042
          <span className="emojione emojione-1f68f"></span>
1043
        </span>
1044
        <span
1045
          className="e1"
1046
          onClick={(e) => onClickEmoji(e)}
1047
          tabIndex="-1"
1048
          id="1f6e3"
1049
          data-shortname=":motorway:"
1050
          data-index="87"
1051
          title="motorway"
1052
          data-eid="1250"
1053
        >
1054
          <span className="emojione emojione-1f6e3"></span>
1055
        </span>
1056
        <span
1057
          className="e1"
1058
          onClick={(e) => onClickEmoji(e)}
1059
          tabIndex="-1"
1060
          id="1f6e4"
1061
          data-shortname=":railway_track:"
1062
          data-index="88"
1063
          title="railway track"
1064
          data-eid="1251"
1065
        >
1066
          <span className="emojione emojione-1f6e4"></span>
1067
        </span>
1068
        <span
1069
          className="e1"
1070
          onClick={(e) => onClickEmoji(e)}
1071
          tabIndex="-1"
1072
          id="26fd"
1073
          data-shortname=":fuelpump:"
1074
          data-index="89"
1075
          title="fuel pump"
1076
          data-eid="89"
1077
        >
1078
          <span className="emojione emojione-26fd"></span>
1079
        </span>
1080
        <span
1081
          className="e1"
1082
          onClick={(e) => onClickEmoji(e)}
1083
          tabIndex="-1"
1084
          id="1f6a8"
1085
          data-shortname=":rotating_light:"
1086
          data-index="90"
1087
          title="police cars revolving light"
1088
          data-eid="708"
1089
        >
1090
          <span className="emojione emojione-1f6a8"></span>
1091
        </span>
1092
        <span
1093
          className="e1"
1094
          onClick={(e) => onClickEmoji(e)}
1095
          tabIndex="-1"
1096
          id="1f6a5"
1097
          data-shortname=":traffic_light:"
1098
          data-index="91"
1099
          title="horizontal traffic light"
1100
          data-eid="706"
1101
        >
1102
          <span className="emojione emojione-1f6a5"></span>
1103
        </span>
1104
        <span
1105
          className="e1"
1106
          onClick={(e) => onClickEmoji(e)}
1107
          tabIndex="-1"
1108
          id="1f6a6"
1109
          data-shortname=":vertical_traffic_light:"
1110
          data-index="92"
1111
          title="vertical traffic light"
1112
          data-eid="772"
1113
        >
1114
          <span className="emojione emojione-1f6a6"></span>
1115
        </span>
1116
        <span
1117
          className="e1"
1118
          onClick={(e) => onClickEmoji(e)}
1119
          tabIndex="-1"
1120
          id="1f6a7"
1121
          data-shortname=":construction:"
1122
          data-index="93"
1123
          title="construction sign"
1124
          data-eid="707"
1125
        >
1126
          <span className="emojione emojione-1f6a7"></span>
1127
        </span>
1128
        <span
1129
          className="e1"
1130
          onClick={(e) => onClickEmoji(e)}
1131
          tabIndex="-1"
1132
          id="2693"
1133
          data-shortname=":anchor:"
1134
          data-index="94"
1135
          title="anchor"
1136
          data-eid="73"
1137
        >
1138
          <span className="emojione emojione-2693"></span>
1139
        </span>
1140
        <span
1141
          className="e1"
1142
          onClick={(e) => onClickEmoji(e)}
1143
          tabIndex="-1"
1144
          id="26f5"
1145
          data-shortname=":sailboat:"
1146
          data-index="95"
1147
          title="sailboat"
1148
          data-eid="87"
1149
        >
1150
          <span className="emojione emojione-26f5"></span>
1151
        </span>
1152
        <span
1153
          className="e1"
1154
          onClick={(e) => onClickEmoji(e)}
1155
          tabIndex="-1"
1156
          id="1f6f6"
1157
          data-shortname=":canoe:"
1158
          data-index="96"
1159
          title="canoe"
1160
          data-eid="2304"
1161
        >
1162
          <span className="emojione emojione-1f6f6"></span>
1163
        </span>
1164
        <span
1165
          className="e1"
1166
          onClick={(e) => onClickEmoji(e)}
1167
          tabIndex="-1"
1168
          id="1f6a4"
1169
          data-shortname=":speedboat:"
1170
          data-index="97"
1171
          title="speedboat"
1172
          data-eid="705"
1173
        >
1174
          <span className="emojione emojione-1f6a4"></span>
1175
        </span>
1176
        <span
1177
          className="e1"
1178
          onClick={(e) => onClickEmoji(e)}
1179
          tabIndex="-1"
1180
          id="1f6f3"
1181
          data-shortname=":cruise_ship:"
1182
          data-index="98"
1183
          title="passenger ship"
1184
          data-eid="1262"
1185
        >
1186
          <span className="emojione emojione-1f6f3"></span>
1187
        </span>
1188
        <span
1189
          className="e1"
1190
          onClick={(e) => onClickEmoji(e)}
1191
          tabIndex="-1"
1192
          id="26f4"
1193
          data-shortname=":ferry:"
1194
          data-index="99"
1195
          title="ferry"
1196
          data-eid="1687"
1197
        >
1198
          <span className="emojione emojione-26f4"></span>
1199
        </span>
1200
        <span
1201
          className="e1"
1202
          onClick={(e) => onClickEmoji(e)}
1203
          tabIndex="-1"
1204
          id="1f6e5"
1205
          data-shortname=":motorboat:"
1206
          data-index="100"
1207
          title="motorboat"
1208
          data-eid="1252"
1209
        >
1210
          <span className="emojione emojione-1f6e5"></span>
1211
        </span>
1212
        <span
1213
          className="e1"
1214
          onClick={(e) => onClickEmoji(e)}
1215
          tabIndex="-1"
1216
          id="1f6a2"
1217
          data-shortname=":ship:"
1218
          data-index="101"
1219
          title="ship"
1220
          data-eid="704"
1221
        >
1222
          <span className="emojione emojione-1f6a2"></span>
1223
        </span>
1224
        <span
1225
          className="e1"
1226
          onClick={(e) => onClickEmoji(e)}
1227
          tabIndex="-1"
1228
          id="2708"
1229
          data-shortname=":airplane:"
1230
          data-index="102"
1231
          title="airplane"
1232
          data-eid="92"
1233
        >
1234
          <span className="emojione emojione-2708"></span>
1235
        </span>
1236
        <span
1237
          className="e1"
1238
          onClick={(e) => onClickEmoji(e)}
1239
          tabIndex="-1"
1240
          id="1f6e9"
1241
          data-shortname=":airplane_small:"
1242
          data-index="103"
1243
          title="small airplane"
1244
          data-eid="1256"
1245
        >
1246
          <span className="emojione emojione-1f6e9"></span>
1247
        </span>
1248
        <span
1249
          className="e1"
1250
          onClick={(e) => onClickEmoji(e)}
1251
          tabIndex="-1"
1252
          id="1f6eb"
1253
          data-shortname=":airplane_departure:"
1254
          data-index="104"
1255
          title="airplane departure"
1256
          data-eid="1258"
1257
        >
1258
          <span className="emojione emojione-1f6eb"></span>
1259
        </span>
1260
        <span
1261
          className="e1"
1262
          onClick={(e) => onClickEmoji(e)}
1263
          tabIndex="-1"
1264
          id="1f6ec"
1265
          data-shortname=":airplane_arriving:"
1266
          data-index="105"
1267
          title="airplane arriving"
1268
          data-eid="1259"
1269
        >
1270
          <span className="emojione emojione-1f6ec"></span>
1271
        </span>
1272
        <span
1273
          className="e1"
1274
          onClick={(e) => onClickEmoji(e)}
1275
          tabIndex="-1"
1276
          id="1f4ba"
1277
          data-shortname=":seat:"
1278
          data-index="106"
1279
          title="seat"
1280
          data-eid="587"
1281
        >
1282
          <span className="emojione emojione-1f4ba"></span>
1283
        </span>
1284
        <span
1285
          className="e1"
1286
          onClick={(e) => onClickEmoji(e)}
1287
          tabIndex="-1"
1288
          id="1f681"
1289
          data-shortname=":helicopter:"
1290
          data-index="107"
1291
          title="helicopter"
1292
          data-eid="753"
1293
        >
1294
          <span className="emojione emojione-1f681"></span>
1295
        </span>
1296
        <span
1297
          className="e1"
1298
          onClick={(e) => onClickEmoji(e)}
1299
          tabIndex="-1"
1300
          id="1f69f"
1301
          data-shortname=":suspension_railway:"
1302
          data-index="108"
1303
          title="suspension railway"
1304
          data-eid="768"
1305
        >
1306
          <span className="emojione emojione-1f69f"></span>
1307
        </span>
1308
        <span
1309
          className="e1"
1310
          onClick={(e) => onClickEmoji(e)}
1311
          tabIndex="-1"
1312
          id="1f6a0"
1313
          data-shortname=":mountain_cableway:"
1314
          data-index="109"
1315
          title="mountain cableway"
1316
          data-eid="769"
1317
        >
1318
          <span className="emojione emojione-1f6a0"></span>
1319
        </span>
1320
        <span
1321
          className="e1"
1322
          onClick={(e) => onClickEmoji(e)}
1323
          tabIndex="-1"
1324
          id="1f6a1"
1325
          data-shortname=":aerial_tramway:"
1326
          data-index="110"
1327
          title="aerial tramway"
1328
          data-eid="770"
1329
        >
1330
          <span className="emojione emojione-1f6a1"></span>
1331
        </span>
1332
        <span
1333
          className="e1"
1334
          onClick={(e) => onClickEmoji(e)}
1335
          tabIndex="-1"
1336
          id="1f680"
1337
          data-shortname=":rocket:"
1338
          data-index="111"
1339
          title="rocket"
1340
          data-eid="689"
1341
        >
1342
          <span className="emojione emojione-1f680"></span>
1343
        </span>
1344
        <span
1345
          className="e1"
1346
          onClick={(e) => onClickEmoji(e)}
1347
          tabIndex="-1"
1348
          id="1f6f0"
1349
          data-shortname=":satellite_orbital:"
1350
          data-index="112"
1351
          title="satellite"
1352
          data-eid="1213"
1353
        >
1354
          <span className="emojione emojione-1f6f0"></span>
1355
        </span>
1356
        <span
1357
          className="e1"
1358
          onClick={(e) => onClickEmoji(e)}
1359
          tabIndex="-1"
1360
          id="1f320"
1361
          data-shortname=":stars:"
1362
          data-index="113"
1363
          title="shooting star"
1364
          data-eid="194"
1365
        >
1366
          <span className="emojione emojione-1f320"></span>
1367
        </span>
1368
        <span
1369
          className="e1"
1370
          onClick={(e) => onClickEmoji(e)}
1371
          tabIndex="-1"
1372
          id="1f308"
1373
          data-shortname=":rainbow:"
1374
          data-index="114"
1375
          title="rainbow"
1376
          data-eid="181"
1377
        >
1378
          <span className="emojione emojione-1f308"></span>
1379
        </span>
1380
        <span
1381
          className="e1"
1382
          onClick={(e) => onClickEmoji(e)}
1383
          tabIndex="-1"
1384
          id="1f386"
1385
          data-shortname=":fireworks:"
1386
          data-index="115"
1387
          title="fireworks"
1388
          data-eid="272"
1389
        >
1390
          <span className="emojione emojione-1f386"></span>
1391
        </span>
1392
        <span
1393
          className="e1"
1394
          onClick={(e) => onClickEmoji(e)}
1395
          tabIndex="-1"
1396
          id="1f387"
1397
          data-shortname=":sparkler:"
1398
          data-index="116"
1399
          title="firework sparkler"
1400
          data-eid="273"
1401
        >
1402
          <span className="emojione emojione-1f387"></span>
1403
        </span>
1404
        <span
1405
          className="e1"
1406
          onClick={(e) => onClickEmoji(e)}
1407
          tabIndex="-1"
1408
          id="1f391"
1409
          data-shortname=":rice_scene:"
1410
          data-index="117"
1411
          title="moon viewing ceremony"
1412
          data-eid="283"
1413
        >
1414
          <span className="emojione emojione-1f391"></span>
1415
        </span>
1416
        <span
1417
          className="e1"
1418
          onClick={(e) => onClickEmoji(e)}
1419
          tabIndex="-1"
1420
          id="1f3c1"
1421
          data-shortname=":checkered_flag:"
1422
          data-index="118"
1423
          title="chequered flag"
1424
          data-eid="319"
1425
        >
1426
          <span className="emojione emojione-1f3c1"></span>
1427
        </span>
1428
      </div>
1429
    </div>
1430
  );
1431
};