sposchedule

1
export default {
2
  root: ({ props }) => ({
3
    class: [
4
      {
5
        'flex flex-wrap items-center justify-center gap-2':
6
          props.mode === 'basic',
7
      },
8
    ],
9
  }),
10
  input: {
11
    class: 'hidden',
12
  },
13
  header: {
14
    class: [
15
      // Flexbox
16
      'flex',
17
      'flex-wrap',
18

19
      // Colors
20
      'bg-surface-0',
21
      'dark:bg-surface-900',
22
      'text-surface-700',
23
      'dark:text-white/80',
24

25
      // Spacing
26
      'p-[1.125rem]',
27
      'gap-2',
28

29
      // Borders
30
      'border',
31
      'border-solid',
32
      'border-surface-200',
33
      'dark:border-surface-700',
34
      'border-b-0',
35

36
      // Shape
37
      'rounded-tr-lg',
38
      'rounded-tl-lg',
39
    ],
40
  },
41
  content: {
42
    class: [
43
      // Position
44
      'relative',
45

46
      // Colors
47
      'bg-surface-0',
48
      'dark:bg-surface-900',
49
      'text-surface-700',
50
      'dark:text-white/80',
51

52
      // Spacing
53
      'p-[1.125rem]',
54

55
      // Borders
56
      'border border-t-0',
57
      'border-surface-200',
58
      'dark:border-surface-700',
59

60
      // Shape
61
      'rounded-b-lg',
62

63
      //ProgressBar
64
      '[&>[data-pc-name=pcprogressbar]]:absolute',
65
      '[&>[data-pc-name=pcprogressbar]]:w-full',
66
      '[&>[data-pc-name=pcprogressbar]]:top-0',
67
      '[&>[data-pc-name=pcprogressbar]]:left-0',
68
      '[&>[data-pc-name=pcprogressbar]]:h-1',
69
    ],
70
  },
71
  file: {
72
    class: [
73
      // Flexbox
74
      'flex',
75
      'items-center',
76
      'flex-wrap',
77

78
      // Spacing
79
      'p-4',
80
      'mb-2',
81
      'last:mb-0',
82

83
      // Borders
84
      'border',
85
      'border-surface-200',
86
      'dark:border-surface-700',
87
      'gap-2',
88

89
      // Shape
90
      'rounded',
91
    ],
92
  },
93
  fileThumbnail: 'shrink-0',
94
  fileName: 'mb-2 break-all',
95
  fileSize: 'mr-2',
96
};
97