// @design-system: domain/PriceDisplay

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

/** CVA variants for PriceDisplay size */
export const priceDisplayVariants = cva('flex', {
  variants: {
    layout: {
      inline: 'flex-row items-baseline gap-2',
      stacked: 'flex-col gap-0.5',
    },
  },
  defaultVariants: {
    layout: 'inline',
  },
});

export const originalPriceVariants = cva('line-through text-neutral-500', {
  variants: {
    size: {
      sm: 'text-xs',
      md: 'text-sm',
      lg: 'text-base',
    },
  },
  defaultVariants: {
    size: 'md',
  },
});

export const discountedPriceVariants = cva('font-bold text-brand-primary-600', {
  variants: {
    size: {
      sm: 'text-sm',
      md: 'text-lg',
      lg: 'text-2xl',
    },
  },
  defaultVariants: {
    size: 'md',
  },
});