import { Easing, FadeIn, FadeOut } from 'react-native-reanimated';

/**
 * Display names for Spinner components
 */
export const DISPLAY_NAME = {
  ROOT: 'HeroUINative.Spinner.Root',
  INDICATOR: 'HeroUINative.Spinner.Indicator',
  ICON: 'HeroUINative.Spinner.Icon',
} as const;

/**
 * Default animation duration for spinner rotation (in milliseconds)
 */
export const DEFAULT_ROTATION_DURATION = 1000;

/**
 * Size mappings for spinner icon dimensions
 */
export const SPINNER_SIZE_MAP = {
  sm: 16,
  md: 24,
  lg: 32,
} as const;

/**
 * Default entering animation configuration for spinner indicator
 */
export const DEFAULT_SPINNER_INDICATOR_ENTERING = FadeIn.duration(200).easing(
  Easing.out(Easing.ease)
);

/**
 * Default exiting animation configuration for spinner indicator
 */
export const DEFAULT_SPINNER_INDICATOR_EXITING = FadeOut.duration(100);