import { cva, type VariantProps } from 'class-variance-authority';
import { DISABLED_CURSOR } from '../../styles/constants';

export const currencyInputRootVariants = cva(
  [
    'w-full items-center justify-center',
    'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
    DISABLED_CURSOR,
    'data-[readonly=true]:cursor-default',
  ],
  {
    variants: {
      size: {
        default: 'py-1',
        small: 'py-0.5',
      },
    },
    defaultVariants: {
      size: 'default',
    },
  },
);

export const currencyInputFieldVariants = cva(
  [
    'w-full bg-transparent p-0 text-center',
    'placeholder:text-content-tertiary',
    'web:outline-none',
    'data-[invalid=true]:text-content-danger',
  ],
  {
    variants: {
      size: {
        default: 'heading-xl',
        small: 'heading-lg',
      },
    },
    defaultVariants: {
      size: 'default',
    },
  },
);

export type CurrencyInputVariantProps = VariantProps<typeof currencyInputRootVariants>;