ui/src/lib/styles.ts

import { tv } from 'tailwind-variants';

export const styles = {
  label: tv({
    base: '',
    variants: {
      size: {
        tiny: 'text-xs',
        small: 'text-sm',
        medium: 'text-base',
        large: 'text-lg',
        giant: 'text-xl',
      },
      color: {
        muted: 'text-gray-600 dark:text-gray-400',
        primary: 'text-primary',
        secondary: 'text-dark',
        success: 'text-success',
        danger: 'text-danger',
        warning: 'text-warning',
        info: 'text-info',
      },
    },
  }),
};