import { ActivityIndicator, type ActivityIndicatorProps } from 'react-native';

import { tailwindColors } from '../../lib/tailwindColors';

type SpinnerTone = 'primary' | 'foreground' | 'inverse' | 'danger' | 'success';

interface SpinnerProps extends Omit<ActivityIndicatorProps, 'color'> {
  tone?: SpinnerTone;
}

const toneColor: Record<SpinnerTone, string> = {
  primary: tailwindColors.primary,
  foreground: tailwindColors.foreground,
  inverse: tailwindColors.primaryForeground,
  danger: tailwindColors.danger,
  success: tailwindColors.success,
};

export function Spinner({ tone = 'primary', size = 'small', ...props }: SpinnerProps) {
  return <ActivityIndicator size={size} color={toneColor[tone]} {...props} />;
}