// @design-system: domain/DealRow

import { cva } from 'class-variance-authority';

/**
 * DealRow state variants - border color signals deal state.
 * soldOut uses a CSS keyframe shimmer (defined via Tailwind animation).
 */
export const dealRowVariants = cva(
  [
    'flex items-center gap-3 rounded-lg border-2 bg-surface-base p-3',
    'transition-colors duration-base',
  ],
  {
    variants: {
      state: {
        active: 'border-mode-vendor-500',
        pending: 'border-warning-400',
        rejected: 'border-danger-400',
        expired: 'border-neutral-300',
        soldOut: [
          'border-warning-400',
          // Gold shimmer - Tailwind v4 motion-safe custom animation via inline class trick
          'motion-safe:[animation:deal-row-shimmer_2s_ease-in-out_infinite]',
        ],
      },
    },
    defaultVariants: {
      state: 'active',
    },
  },
);