cards ExportCard.tsx

0% Statements 0/36

0% Branches 0/1

0% Functions 0/1

0% Lines 0/36

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  'use client'

import { css } from '../../../../../../../styled-system/css'

interface ExportCardProps {
  message: string
}

export function ExportCard({ message }: ExportCardProps) {
  return (
    <div className={css({ textAlign: 'center', py: 6 })}>
      <div
        className={css({
          fontSize: '2xl',
          mb: 3,
          animation: 'spin 1s linear infinite',
        })}
      >
        📦
      </div>
      <div
        className={css({
          fontSize: 'lg',
          fontWeight: 'medium',
          color: 'gray.200',
          mb: 2,
        })}
      >
        Exporting Model
      </div>
      <div className={css({ color: 'gray.400', fontSize: 'sm' })}>
        {message || 'Converting to TensorFlow.js format...'}
      </div>
    </div>
  )
}