sposchedule

1
export default {
2
  root: ({ props }) => ({
3
    class: [
4
      'inline-flex select-none align-bottom outline-transparent',
5
      'border rounded-md [&>button]:rounded-none [&>button]:border-none',
6
      '[&>button:first-child]:border-r-none [&>button:first-child]:rounded-r-none [&>button:first-child]:rounded-tl-md [&>button:first-child]:rounded-bl-md',
7
      '[&>button:last-child]:border-l-none [&>button:first-child]:rounded-l-none [&>button:last-child]:rounded-tr-md [&>button:last-child]:rounded-br-md',
8

9
      // Invalid State
10
      {
11
        'border-red-500 dark:border-red-400': props.invalid,
12
        'border-transparent': !props.invalid,
13
      },
14
    ],
15
  }),
16
};
17