import { cva, type VariantProps } from 'class-variance-authority';

export const progressSegmentedVariants = cva(['flex-row gap-1 w-full rounded overflow-hidden']);

export const segmentVariants = cva(['flex-1 h-1'], {
  variants: {
    state: {
      complete: 'bg-surface-action-strong',
      incomplete: 'bg-surface-action-tint',
      inprogress:
        'bg-gradient-to-r from-surface-action-strong from-50% to-surface-action-tint to-50%',
    },
  },
  defaultVariants: {
    state: 'incomplete',
  },
});

export type ProgressSegmentedVariants = VariantProps<typeof progressSegmentedVariants>;
export type SegmentVariants = VariantProps<typeof segmentVariants>;