dmed-voice-assistant 1.1.1 → 1.1.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _react = require("react");
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _material = require("@mui/material");
9
9
  var _svgs = require("./components/svgs");
10
10
  var _RecognitionListItem = _interopRequireDefault(require("./components/RecognitionListItem"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
14
  const StyledSelect = (0, _material.styled)(_material.Select)(_ref => {
13
15
  let {
14
16
  theme
@@ -200,39 +202,39 @@ const Recognition = _ref4 => {
200
202
  startSpeechRecognition();
201
203
  fetchAudioInputDevices();
202
204
  }, []);
203
- return /*#__PURE__*/React.createElement(_material.Box, {
205
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
204
206
  className: "bg-white rounded-[5px] p-[20px] w-[440px]",
205
207
  sx: {
206
208
  border: '1px solid #D8DEE4'
207
209
  }
208
- }, /*#__PURE__*/React.createElement(_material.Box, {
210
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
209
211
  className: "flex justify-between"
210
- }, /*#__PURE__*/React.createElement(_material.Box, {
212
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
211
213
  className: "flex items-center space-x-2"
212
- }, /*#__PURE__*/React.createElement(_material.Typography, {
214
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
213
215
  className: "!font-[600] !text-[24px]",
214
216
  color: "#494A48"
215
- }, "Voice assistant"), /*#__PURE__*/React.createElement(_material.Box, {
217
+ }, "Voice assistant"), /*#__PURE__*/_react.default.createElement(_material.Box, {
216
218
  className: "flex items-center space-x-1 px-[10px] py-[3px] h-[24px] bg-[#006FFF4D] rounded-[89.1px] cursor-pointer",
217
219
  sx: {
218
220
  border: '0.9px solid #006FFFB2'
219
221
  },
220
222
  onClick: handleModeChange
221
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RecognitionIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
223
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RecognitionIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
222
224
  className: "!font-[600] !text-[12px]",
223
225
  color: "#494A48"
224
- }, "Recognition mode"))), /*#__PURE__*/React.createElement(_material.Box, {
226
+ }, "Recognition mode"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
225
227
  className: "px-[10px] py-[8px] cursor-pointer"
226
- }, /*#__PURE__*/React.createElement(_svgs.CloseIcon, null))), /*#__PURE__*/React.createElement(_material.Box, {
228
+ }, /*#__PURE__*/_react.default.createElement(_svgs.CloseIcon, null))), /*#__PURE__*/_react.default.createElement(_material.Box, {
227
229
  className: "flex items-center justify-between py-[4.5px] mt-1"
228
- }, /*#__PURE__*/React.createElement(_material.Box, {
230
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
229
231
  className: "flex space-x-1"
230
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RocketIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
232
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RocketIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
231
233
  className: "!font-400 !text-[14px]",
232
234
  color: "#494A48"
233
- }, "Real-time")), /*#__PURE__*/React.createElement(_material.Box, {
235
+ }, "Real-time")), /*#__PURE__*/_react.default.createElement(_material.Box, {
234
236
  className: "flex space-x-1"
235
- }, !isStarted ? /*#__PURE__*/React.createElement(_material.Box, {
237
+ }, !isStarted ? /*#__PURE__*/_react.default.createElement(_material.Box, {
236
238
  className: "flex items-center space-x-1 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
237
239
  sx: {
238
240
  '&:hover': {
@@ -241,10 +243,10 @@ const Recognition = _ref4 => {
241
243
  }
242
244
  },
243
245
  onClick: handleStartChange
244
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.StartIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
246
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.StartIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
245
247
  className: "!font-400 !text-[14px]",
246
248
  color: "#494A48"
247
- }, "Start")) : /*#__PURE__*/React.createElement(_material.Box, {
249
+ }, "Start")) : /*#__PURE__*/_react.default.createElement(_material.Box, {
248
250
  className: "flex items-center justify-between space-x-4 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
249
251
  sx: {
250
252
  border: "0.9px solid #F3151580",
@@ -253,26 +255,26 @@ const Recognition = _ref4 => {
253
255
  }
254
256
  },
255
257
  onClick: handleStartChange
256
- }, /*#__PURE__*/React.createElement(_material.Box, {
258
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
257
259
  className: "flex items-center space-x-1"
258
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
260
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.SmallPauseIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
259
261
  className: "!font-400 !text-[14px]",
260
262
  color: "#494A48"
261
- }, "Stop")), /*#__PURE__*/React.createElement(_material.Box, {
263
+ }, "Stop")), /*#__PURE__*/_react.default.createElement(_material.Box, {
262
264
  className: "flex items-baseline"
263
- }, /*#__PURE__*/React.createElement(_material.Typography, {
265
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
264
266
  className: "!font-[600] !text-[20px]",
265
267
  color: "#494847",
266
268
  sx: {
267
269
  fontFamily: "Afacad !important"
268
270
  }
269
- }, recordTime), /*#__PURE__*/React.createElement(_material.Typography, {
271
+ }, recordTime), /*#__PURE__*/_react.default.createElement(_material.Typography, {
270
272
  className: "!font-400 !text-[16px]",
271
273
  color: "#797974",
272
274
  sx: {
273
275
  fontFamily: "Afacad !important"
274
276
  }
275
- }, "s"))), /*#__PURE__*/React.createElement(_material.Box, {
277
+ }, "s"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
276
278
  className: "flex items-center space-x-1 cursor-pointer rounded-[5px] px-[9px] h-[32.4px] bg-white",
277
279
  sx: {
278
280
  '&:hover': {
@@ -281,59 +283,59 @@ const Recognition = _ref4 => {
281
283
  }
282
284
  },
283
285
  onClick: handleSetupChange
284
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.DarkSettingIcon, {
286
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.DarkSettingIcon, {
285
287
  fill: isStarted ? "#494A484D" : "#494A48"
286
- })), /*#__PURE__*/React.createElement(_material.Typography, {
288
+ })), /*#__PURE__*/_react.default.createElement(_material.Typography, {
287
289
  className: "!font-400 !text-[14px]",
288
290
  color: isStarted ? "#494A484D" : "#494A48"
289
- }, "Setup")))), !isSteup ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Box, {
291
+ }, "Setup")))), !isSteup ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
290
292
  className: "rounded-[5px] mt-1",
291
293
  sx: {
292
294
  border: '1px solid #D8DEE4'
293
295
  }
294
- }, /*#__PURE__*/React.createElement(_material.Box, {
296
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
295
297
  className: "flex items-center justify-between p-[4.5px]"
296
- }, /*#__PURE__*/React.createElement(_material.Typography, {
298
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
297
299
  className: "px-[4.5px] py-[4px] !font-400 !text-[12px]",
298
300
  color: "#494A48"
299
- }, !isStarted ? '-' : result.length, " words"), /*#__PURE__*/React.createElement(_material.Box, {
301
+ }, !isStarted ? '-' : result.length, " words"), /*#__PURE__*/_react.default.createElement(_material.Box, {
300
302
  className: "flex items-center space-x-1 px-[9px]"
301
- }, /*#__PURE__*/React.createElement(_material.Box, null, !isStarted ? /*#__PURE__*/React.createElement(_svgs.StopIcon, null) : /*#__PURE__*/React.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
303
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, !isStarted ? /*#__PURE__*/_react.default.createElement(_svgs.StopIcon, null) : /*#__PURE__*/_react.default.createElement(_svgs.RedStopIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
302
304
  className: "!font-[600] !text-[14px]",
303
305
  color: "#494A48"
304
- }, !isStarted ? 'Stop' : 'REC'))), isStarted && /*#__PURE__*/React.createElement(_material.Box, {
306
+ }, !isStarted ? 'Stop' : 'REC'))), isStarted && /*#__PURE__*/_react.default.createElement(_material.Box, {
305
307
  className: "flex items-center flex-wrap space-x-1 mt-1 p-[9px]",
306
308
  sx: {
307
309
  maxWidth: "387px",
308
310
  overflow: "hidden"
309
311
  }
310
312
  }, result.map((item, index) => {
311
- return /*#__PURE__*/React.createElement(_material.Box, {
313
+ return /*#__PURE__*/_react.default.createElement(_material.Box, {
312
314
  className: "flex items-center",
313
315
  key: index
314
- }, /*#__PURE__*/React.createElement(_material.Typography, {
316
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
315
317
  className: "!font-400 !text-[16px]",
316
318
  color: "#494A48",
317
319
  sx: {
318
320
  fontFamily: "Space Grotesk !important"
319
321
  }
320
- }, item), index !== result.length - 1 && /*#__PURE__*/React.createElement(_material.Typography, {
322
+ }, item), index !== result.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Typography, {
321
323
  className: "!font-400 !text-[16px]",
322
324
  color: "#494A4880",
323
325
  sx: {
324
326
  fontFamily: "Fira Sans !important"
325
327
  }
326
328
  }, ","));
327
- }))), /*#__PURE__*/React.createElement(_material.Box, {
329
+ }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
328
330
  className: "mt-1"
329
- }, /*#__PURE__*/React.createElement(_material.Box, {
331
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
330
332
  className: "flex items-center justify-between py-[4.5px]"
331
- }, /*#__PURE__*/React.createElement(_material.Box, {
333
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
332
334
  className: "flex space-x-1"
333
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.HistoryIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
335
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.HistoryIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
334
336
  className: "!font-400 !text-[14px]",
335
337
  color: "#494A48"
336
- }, "History")), /*#__PURE__*/React.createElement(_material.Button, {
338
+ }, "History")), /*#__PURE__*/_react.default.createElement(_material.Button, {
337
339
  disabled: isStarted,
338
340
  color: "#494A48",
339
341
  sx: {
@@ -345,40 +347,40 @@ const Recognition = _ref4 => {
345
347
  textTransform: "none"
346
348
  },
347
349
  onClick: handlePopoverOpen
348
- }, "02.July.2024")), /*#__PURE__*/React.createElement(_material.Box, {
350
+ }, "02.July.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
349
351
  className: "flex flex-col scrollableBox mt-1",
350
352
  sx: {
351
353
  maxHeight: "160px"
352
354
  }
353
355
  }, historyList.map((history, index) => {
354
- return /*#__PURE__*/React.createElement(_RecognitionListItem.default, {
356
+ return /*#__PURE__*/_react.default.createElement(_RecognitionListItem.default, {
355
357
  data: history,
356
358
  key: index
357
359
  });
358
- })), /*#__PURE__*/React.createElement(_material.Box, {
360
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
359
361
  className: "flex items-center justify-between rounded-[5px] bg-[#FBF3DE80] px-[5px] py-[8px] mt-1 cursor-pointer",
360
362
  sx: {
361
363
  border: '1px solid #FFB90080'
362
364
  },
363
365
  onClick: handleClickOpen
364
- }, /*#__PURE__*/React.createElement(_material.Box, {
366
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
365
367
  className: "flex items-center space-x-1"
366
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.BookIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
368
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.BookIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
367
369
  className: "!font-[600] !text-[14px]",
368
370
  color: "#494A48"
369
- }, "Voice command instructions")), /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.RedirectIcon, null))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.Divider, null), /*#__PURE__*/React.createElement(_material.Box, {
371
+ }, "Voice command instructions")), /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.RedirectIcon, null))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.Box, {
370
372
  className: "flex space-x-1 w-full mt-2"
371
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.MicIcon, {
373
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.MicIcon, {
372
374
  fill: "#494A48"
373
- })), /*#__PURE__*/React.createElement(_material.Box, {
375
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
374
376
  className: "flex-1"
375
- }, /*#__PURE__*/React.createElement(_material.Typography, {
377
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
376
378
  className: "!font-[600] !text-[16px]",
377
379
  color: "#494A48"
378
- }, "Voice"), /*#__PURE__*/React.createElement(_material.Typography, {
380
+ }, "Voice"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
379
381
  className: "!font-400 !text-[14px] pt-1",
380
382
  color: "#494A48"
381
- }, "Input device"), /*#__PURE__*/React.createElement(StyledSelect, {
383
+ }, "Input device"), /*#__PURE__*/_react.default.createElement(StyledSelect, {
382
384
  className: "mt-1",
383
385
  fullWidth: true,
384
386
  displayEmpty: true,
@@ -386,7 +388,7 @@ const Recognition = _ref4 => {
386
388
  onChange: handleVoiceChange,
387
389
  renderValue: selected => {
388
390
  if (selected === "") {
389
- return /*#__PURE__*/React.createElement("span", {
391
+ return /*#__PURE__*/_react.default.createElement("span", {
390
392
  style: {
391
393
  fontSize: '12.6px',
392
394
  fontWeight: '400',
@@ -395,7 +397,7 @@ const Recognition = _ref4 => {
395
397
  }
396
398
  }, "Auto-Detect");
397
399
  }
398
- return /*#__PURE__*/React.createElement("span", {
400
+ return /*#__PURE__*/_react.default.createElement("span", {
399
401
  style: {
400
402
  fontSize: '12.6px',
401
403
  fontWeight: '400',
@@ -425,23 +427,23 @@ const Recognition = _ref4 => {
425
427
  }
426
428
  }
427
429
  }, voiceList.map((device, index) => {
428
- return /*#__PURE__*/React.createElement(_material.MenuItem, {
430
+ return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
429
431
  value: index,
430
432
  key: index
431
433
  }, device);
432
- })))), /*#__PURE__*/React.createElement(_material.Box, {
434
+ })))), /*#__PURE__*/_react.default.createElement(_material.Box, {
433
435
  className: "flex space-x-1 w-full mt-2"
434
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.LanguageIcon, {
436
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.LanguageIcon, {
435
437
  fill: "#494A48"
436
- })), /*#__PURE__*/React.createElement(_material.Box, {
438
+ })), /*#__PURE__*/_react.default.createElement(_material.Box, {
437
439
  className: "flex-1"
438
- }, /*#__PURE__*/React.createElement(_material.Typography, {
440
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
439
441
  className: "!font-[600] !text-[16px]",
440
442
  color: "#494A48"
441
- }, "Language"), /*#__PURE__*/React.createElement(_material.Typography, {
443
+ }, "Language"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
442
444
  className: "!font-400 !text-[14px] pt-1",
443
445
  color: "#494A48"
444
- }, "Prefer language"), /*#__PURE__*/React.createElement(StyledSelect, {
446
+ }, "Prefer language"), /*#__PURE__*/_react.default.createElement(StyledSelect, {
445
447
  className: "mt-1",
446
448
  fullWidth: true,
447
449
  displayEmpty: true,
@@ -449,7 +451,7 @@ const Recognition = _ref4 => {
449
451
  onChange: handleLanguageChange,
450
452
  renderValue: selected => {
451
453
  if (selected === "") {
452
- return /*#__PURE__*/React.createElement("span", {
454
+ return /*#__PURE__*/_react.default.createElement("span", {
453
455
  style: {
454
456
  fontSize: '12.6px',
455
457
  fontWeight: '400',
@@ -458,7 +460,7 @@ const Recognition = _ref4 => {
458
460
  }
459
461
  }, "Auto-Detect");
460
462
  }
461
- return /*#__PURE__*/React.createElement("span", {
463
+ return /*#__PURE__*/_react.default.createElement("span", {
462
464
  style: {
463
465
  fontSize: '12.6px',
464
466
  fontWeight: '400',
@@ -487,200 +489,200 @@ const Recognition = _ref4 => {
487
489
  }
488
490
  }
489
491
  }
490
- }, /*#__PURE__*/React.createElement(_material.MenuItem, {
492
+ }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
491
493
  value: 0
492
- }, "Auto-Detect"), /*#__PURE__*/React.createElement(_material.MenuItem, {
494
+ }, "Auto-Detect"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
493
495
  value: 1
494
- }, "English"), /*#__PURE__*/React.createElement(_material.MenuItem, {
496
+ }, "English"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
495
497
  value: 2
496
- }, "Chinese (Simplified)"))))), /*#__PURE__*/React.createElement(StyledDialog, {
498
+ }, "Chinese (Simplified)"))))), /*#__PURE__*/_react.default.createElement(StyledDialog, {
497
499
  onClose: handleClose,
498
500
  "aria-labelledby": "customized-dialog-title",
499
501
  open: open
500
- }, /*#__PURE__*/React.createElement(_material.Box, {
502
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
501
503
  className: "flex items-center justify-between py-[8px]"
502
- }, /*#__PURE__*/React.createElement(_material.Box, {
504
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
503
505
  className: "flex items-center space-x-1"
504
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.BookIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
506
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.BookIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
505
507
  className: "!font-[600] !text-[14px]",
506
508
  color: "#494A48"
507
- }, "Voice command instructions")), /*#__PURE__*/React.createElement(_material.Box, {
509
+ }, "Voice command instructions")), /*#__PURE__*/_react.default.createElement(_material.Box, {
508
510
  className: "cursor-pointer",
509
511
  onClick: handleClose
510
- }, /*#__PURE__*/React.createElement(_svgs.SmallCloseIcon, null))), /*#__PURE__*/React.createElement(_material.Box, {
512
+ }, /*#__PURE__*/_react.default.createElement(_svgs.SmallCloseIcon, null))), /*#__PURE__*/_react.default.createElement(_material.Box, {
511
513
  className: "py-[8px]"
512
- }, /*#__PURE__*/React.createElement(_material.Typography, {
514
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
513
515
  className: "!font-[600] !text-[12px]",
514
516
  color: "#494A48"
515
- }, "Tooth position (FDI)"), /*#__PURE__*/React.createElement(_material.Box, {
517
+ }, "Tooth position (FDI)"), /*#__PURE__*/_react.default.createElement(_material.Box, {
516
518
  className: "flex items-center py-[5px]"
517
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Upper"), /*#__PURE__*/React.createElement(_material.Typography, {
519
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Upper"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
518
520
  className: "!font-400 !text-[12px]",
519
521
  color: "#494A48"
520
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Lower"), /*#__PURE__*/React.createElement(_material.Typography, {
522
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lower"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
521
523
  className: "!font-400 !text-[14px]",
522
524
  color: "#494A48"
523
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Left"), /*#__PURE__*/React.createElement(_material.Typography, {
525
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Left"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
524
526
  className: "!font-400 !text-[12px]",
525
527
  color: "#494A48"
526
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Right"), /*#__PURE__*/React.createElement(_material.Typography, {
528
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Right"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
527
529
  className: "!font-400 !text-[14px]",
528
530
  color: "#494A48"
529
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "number"), /*#__PURE__*/React.createElement(_material.Typography, {
531
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "number"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
530
532
  className: "!font-400 !text-[12px] pl-2",
531
533
  color: "#494A48"
532
- }, "Tooth position (FDI)")), /*#__PURE__*/React.createElement(_material.Box, {
534
+ }, "Tooth position (FDI)")), /*#__PURE__*/_react.default.createElement(_material.Box, {
533
535
  className: "flex items-center pt-[5px]"
534
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
536
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
535
537
  className: "!font-400 !text-[14px]",
536
538
  color: "#494A48"
537
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "number"), /*#__PURE__*/React.createElement(_material.Typography, {
539
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "number"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
538
540
  className: "!font-400 !text-[12px] pl-2",
539
541
  color: "#494A48"
540
- }, "Jump to tooth(FDI)"))), /*#__PURE__*/React.createElement(_material.Box, {
542
+ }, "Jump to tooth(FDI)"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
541
543
  className: "pb-[8px]"
542
- }, /*#__PURE__*/React.createElement(_material.Typography, {
544
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
543
545
  className: "!font-[600] !text-[12px]",
544
546
  color: "#494A48"
545
- }, "Terminology"), /*#__PURE__*/React.createElement(_material.Box, {
547
+ }, "Terminology"), /*#__PURE__*/_react.default.createElement(_material.Box, {
546
548
  className: "flex items-center space-x-5 py-[5px]"
547
- }, /*#__PURE__*/React.createElement(_material.Box, {
549
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
548
550
  className: "flex items-center space-x-2"
549
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/React.createElement(_material.Typography, {
551
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
550
552
  className: "!font-400 !text-[12px]",
551
553
  color: "#494A48"
552
- }, "Mobility")), /*#__PURE__*/React.createElement(_material.Box, {
554
+ }, "Mobility")), /*#__PURE__*/_react.default.createElement(_material.Box, {
553
555
  className: "flex items-center space-x-2"
554
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Furcation"), /*#__PURE__*/React.createElement(_material.Typography, {
556
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Furcation"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
555
557
  className: "!font-400 !text-[12px]",
556
558
  color: "#494A48"
557
- }, "Furcation"))), /*#__PURE__*/React.createElement(_material.Box, {
559
+ }, "Furcation"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
558
560
  className: "flex items-center space-x-5 py-[5px]"
559
- }, /*#__PURE__*/React.createElement(_material.Box, {
561
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
560
562
  className: "flex items-center space-x-2"
561
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/React.createElement(_material.Typography, {
563
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
562
564
  className: "!font-400 !text-[12px]",
563
565
  color: "#494A48"
564
- }, "Bleeding of point")), /*#__PURE__*/React.createElement(_material.Box, {
566
+ }, "Bleeding of point")), /*#__PURE__*/_react.default.createElement(_material.Box, {
565
567
  className: "flex items-center space-x-2"
566
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Plaque"), /*#__PURE__*/React.createElement(_material.Typography, {
568
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Plaque"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
567
569
  className: "!font-400 !text-[12px]",
568
570
  color: "#494A48"
569
- }, "Plaque of point"))), /*#__PURE__*/React.createElement(_material.Box, {
571
+ }, "Plaque of point"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
570
572
  className: "flex items-center space-x-5 py-[5px]"
571
- }, /*#__PURE__*/React.createElement(_material.Box, {
573
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
572
574
  className: "flex items-center space-x-2"
573
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/React.createElement(_material.Typography, {
575
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
574
576
  className: "!font-400 !text-[12px]",
575
577
  color: "#494A48"
576
- }, "Buccal")), /*#__PURE__*/React.createElement(_material.Box, {
578
+ }, "Buccal")), /*#__PURE__*/_react.default.createElement(_material.Box, {
577
579
  className: "flex items-center space-x-2"
578
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/React.createElement(_material.Typography, {
580
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
579
581
  className: "!font-400 !text-[12px]",
580
582
  color: "#494A48"
581
- }, "Lingual")))), /*#__PURE__*/React.createElement(_material.Box, {
583
+ }, "Lingual")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
582
584
  className: "pb-[8px]"
583
- }, /*#__PURE__*/React.createElement(_material.Typography, {
585
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
584
586
  className: "!font-[600] !text-[12px]",
585
587
  color: "#494A48"
586
- }, "Scenario 1"), /*#__PURE__*/React.createElement(_material.Typography, {
588
+ }, "Scenario 1"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
587
589
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
588
590
  color: "#494A48"
589
- }, "Measure the full mouth pocket depth, then bleeding and plaque"), /*#__PURE__*/React.createElement(_material.Box, {
591
+ }, "Measure the full mouth pocket depth, then bleeding and plaque"), /*#__PURE__*/_react.default.createElement(_material.Box, {
590
592
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
591
- }, /*#__PURE__*/React.createElement(_material.Box, {
593
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
592
594
  className: "flex items-center space-x-1"
593
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
595
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
594
596
  className: "!font-400 !text-[12px]",
595
597
  color: "#494A48"
596
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
598
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
597
599
  className: "flex items-center"
598
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "One"), /*#__PURE__*/React.createElement(_material.Typography, {
600
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "One"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
599
601
  className: "!font-400 !text-[14px]",
600
602
  color: "#494A48"
601
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/React.createElement(_material.Typography, {
603
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
602
604
  className: "!font-400 !text-[14px]",
603
605
  color: "#494A48"
604
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Plaque")))), /*#__PURE__*/React.createElement(_material.Box, {
606
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Plaque")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
605
607
  className: "pb-[8px]"
606
- }, /*#__PURE__*/React.createElement(_material.Typography, {
608
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
607
609
  className: "!font-[600] !text-[12px]",
608
610
  color: "#494A48"
609
- }, "Scenario 2"), /*#__PURE__*/React.createElement(_material.Typography, {
611
+ }, "Scenario 2"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
610
612
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
611
613
  color: "#494A48"
612
- }, "Jump to specific tooth position and check implant, crown, missing"), /*#__PURE__*/React.createElement(_material.Box, {
614
+ }, "Jump to specific tooth position and check implant, crown, missing"), /*#__PURE__*/_react.default.createElement(_material.Box, {
613
615
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
614
- }, /*#__PURE__*/React.createElement(_material.Box, {
616
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
615
617
  className: "flex items-center space-x-1"
616
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
618
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
617
619
  className: "!font-400 !text-[12px]",
618
620
  color: "#494A48"
619
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
621
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
620
622
  className: "flex items-center"
621
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
623
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
622
624
  className: "!font-400 !text-[14px]",
623
625
  color: "#494A48"
624
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Twenty-four"), /*#__PURE__*/React.createElement(_material.Typography, {
626
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Twenty-four"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
625
627
  className: "!font-400 !text-[14px]",
626
628
  color: "#494A48"
627
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Implant"), /*#__PURE__*/React.createElement(_material.Typography, {
629
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Implant"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
628
630
  className: "!font-400 !text-[12px]",
629
631
  color: "#494A48"
630
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Crown"), /*#__PURE__*/React.createElement(_material.Typography, {
632
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Crown"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
631
633
  className: "!font-400 !text-[12px]",
632
634
  color: "#494A48"
633
- }, "/"), /*#__PURE__*/React.createElement(StyledTypography, null, "Missing")))), /*#__PURE__*/React.createElement(_material.Box, {
635
+ }, "/"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Missing")))), /*#__PURE__*/_react.default.createElement(_material.Box, {
634
636
  className: "pb-[8px]"
635
- }, /*#__PURE__*/React.createElement(_material.Typography, {
637
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
636
638
  className: "!font-[600] !text-[12px]",
637
639
  color: "#494A48"
638
- }, "Scenario 3"), /*#__PURE__*/React.createElement(_material.Typography, {
640
+ }, "Scenario 3"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
639
641
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
640
642
  color: "#494A48"
641
- }, "Jump to specific tooth position and check buccal bleeding"), /*#__PURE__*/React.createElement(_material.Box, {
643
+ }, "Jump to specific tooth position and check buccal bleeding"), /*#__PURE__*/_react.default.createElement(_material.Box, {
642
644
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
643
- }, /*#__PURE__*/React.createElement(_material.Box, {
645
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
644
646
  className: "flex items-center space-x-1"
645
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
647
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
646
648
  className: "!font-400 !text-[12px]",
647
649
  color: "#494A48"
648
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
650
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
649
651
  className: "flex items-center"
650
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
652
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
651
653
  className: "!font-400 !text-[14px]",
652
654
  color: "#494A48"
653
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Seventeen"), /*#__PURE__*/React.createElement(_material.Typography, {
655
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Seventeen"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
654
656
  className: "!font-400 !text-[14px]",
655
657
  color: "#494A48"
656
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/React.createElement(_material.Typography, {
658
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Buccal"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
657
659
  className: "!font-400 !text-[14px]",
658
660
  color: "#494A48"
659
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Bleeding"))), /*#__PURE__*/React.createElement(_material.Typography, {
661
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Bleeding"))), /*#__PURE__*/_react.default.createElement(_material.Typography, {
660
662
  className: "!font-[600] !text-[12px] px-[10px] pt-[5px]",
661
663
  color: "#494A48"
662
- }, "Jump to specific tooth position and check mobility II"), /*#__PURE__*/React.createElement(_material.Box, {
664
+ }, "Jump to specific tooth position and check mobility II"), /*#__PURE__*/_react.default.createElement(_material.Box, {
663
665
  className: "flex items-center space-x-2 px-[10px] py-[5px]"
664
- }, /*#__PURE__*/React.createElement(_material.Box, {
666
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
665
667
  className: "flex items-center space-x-1"
666
- }, /*#__PURE__*/React.createElement(_material.Box, null, /*#__PURE__*/React.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/React.createElement(_material.Typography, {
668
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_svgs.CommandIcon, null)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
667
669
  className: "!font-400 !text-[12px]",
668
670
  color: "#494A48"
669
- }, "Command:")), /*#__PURE__*/React.createElement(_material.Box, {
671
+ }, "Command:")), /*#__PURE__*/_react.default.createElement(_material.Box, {
670
672
  className: "flex items-center"
671
- }, /*#__PURE__*/React.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/React.createElement(_material.Typography, {
673
+ }, /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Jump"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
672
674
  className: "!font-400 !text-[14px]",
673
675
  color: "#494A48"
674
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Thirty-three"), /*#__PURE__*/React.createElement(_material.Typography, {
676
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Thirty-three"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
675
677
  className: "!font-400 !text-[14px]",
676
678
  color: "#494A48"
677
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/React.createElement(_material.Typography, {
679
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Lingual"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
678
680
  className: "!font-400 !text-[14px]",
679
681
  color: "#494A48"
680
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/React.createElement(_material.Typography, {
682
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Mobility"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
681
683
  className: "!font-400 !text-[14px]",
682
684
  color: "#494A48"
683
- }, "+"), /*#__PURE__*/React.createElement(StyledTypography, null, "Two"))))), /*#__PURE__*/React.createElement(_material.Popover, {
685
+ }, "+"), /*#__PURE__*/_react.default.createElement(StyledTypography, null, "Two"))))), /*#__PURE__*/_react.default.createElement(_material.Popover, {
684
686
  open: openAnchorEl,
685
687
  anchorEl: anchorEl,
686
688
  onClose: handlePopoverClose,
@@ -700,42 +702,42 @@ const Recognition = _ref4 => {
700
702
  marginTop: '5px'
701
703
  }
702
704
  }
703
- }, /*#__PURE__*/React.createElement(_material.Box, {
705
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
704
706
  className: "px-[5px] py-[2.5px] w-[200px]"
705
- }, /*#__PURE__*/React.createElement(_material.Box, {
707
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
706
708
  className: "flex items-center px-[10px] py-[3px]"
707
- }, /*#__PURE__*/React.createElement(_material.Typography, {
709
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
708
710
  className: "!font-bold !text-[14px]",
709
711
  color: "#494A48B2"
710
- }, "Data")), /*#__PURE__*/React.createElement(_material.Box, {
712
+ }, "Data")), /*#__PURE__*/_react.default.createElement(_material.Box, {
711
713
  className: "flex items-center justify-between rounded-[5px] px-[10px] py-[3px] cursor-pointer",
712
714
  sx: {
713
715
  '&:hover': {
714
716
  background: '#F6F6F6'
715
717
  }
716
718
  }
717
- }, /*#__PURE__*/React.createElement(_material.Box, {
719
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
718
720
  className: "flex items-center space-x-1"
719
- }, /*#__PURE__*/React.createElement(_material.Typography, {
721
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
720
722
  className: "!font-bold !text-[14px]",
721
723
  color: "#494A48"
722
- }, "7"), /*#__PURE__*/React.createElement(_material.Typography, {
724
+ }, "7"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
723
725
  className: "!font-400 !text-[12px]",
724
726
  color: "#494A48"
725
- }, "words")), /*#__PURE__*/React.createElement(_material.Typography, {
727
+ }, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
726
728
  className: "!font-400 !text-[14px]",
727
729
  color: "#494A48"
728
- }, "02.July.2024")), /*#__PURE__*/React.createElement(_material.Box, {
730
+ }, "02.July.2024")), /*#__PURE__*/_react.default.createElement(_material.Box, {
729
731
  className: "flex items-center justify-between px-[10px] py-[3px]"
730
- }, /*#__PURE__*/React.createElement(_material.Box, {
732
+ }, /*#__PURE__*/_react.default.createElement(_material.Box, {
731
733
  className: "flex items-center space-x-1"
732
- }, /*#__PURE__*/React.createElement(_material.Typography, {
734
+ }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
733
735
  className: "!font-bold !text-[14px]",
734
736
  color: "#494A48"
735
- }, "7"), /*#__PURE__*/React.createElement(_material.Typography, {
737
+ }, "7"), /*#__PURE__*/_react.default.createElement(_material.Typography, {
736
738
  className: "!font-400 !text-[12px]",
737
739
  color: "#494A48"
738
- }, "words")), /*#__PURE__*/React.createElement(_material.Typography, {
740
+ }, "words")), /*#__PURE__*/_react.default.createElement(_material.Typography, {
739
741
  className: "!font-400 !text-[14px]",
740
742
  color: "#494A48"
741
743
  }, "02.July.2024")))));