sposchedule

1
export default {
2
  root: {
3
    class: [
4
      // Flexbox
5
      'inline-flex items-center',
6

7
      // Spacing
8
      'px-3 py-1 gap-2',
9

10
      // Shape
11
      'rounded-[16px]',
12

13
      // Colors
14
      'text-surface-700 dark:text-white',
15
      'bg-surface-100 dark:bg-surface-700',
16
    ],
17
  },
18
  label: {
19
    class: 'leading-[normal] m-0',
20
  },
21
  icon: {
22
    class: 'leading-6 mr-2',
23
  },
24
  image: {
25
    class: ['w-8 h-8 -ml-2 mr-2', 'rounded-full'],
26
  },
27
  removeIcon: {
28
    class: [
29
      'inline-block',
30
      // Shape
31
      'rounded-md leading-6',
32

33
      // Size
34
      'w-4 h-4',
35

36
      // Transition
37
      'transition duration-200 ease-in-out',
38

39
      // Misc
40
      'cursor-pointer',
41
    ],
42
  },
43
};
44