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

/**
 * Display names for Accordion components
 */
export const DISPLAY_NAME = {
  ROOT: 'HeroUINative.Accordion.Root',
  ITEM: 'HeroUINative.Accordion.Item',
  TRIGGER: 'HeroUINative.Accordion.Trigger',
  INDICATOR: 'HeroUINative.Accordion.Indicator',
  CONTENT: 'HeroUINative.Accordion.Content',
  CHEVRON_DOWN_ICON: 'HeroUINative.Accordion.ChevronDownIcon',
} as const;

/**
 * Default layout transition for accordion animations
 */
export const ACCORDION_LAYOUT_TRANSITION = LinearTransition.springify()
  .damping(140)
  .stiffness(1600)
  .mass(4);

/**
 * Default icon size for the indicator
 */
export const DEFAULT_ICON_SIZE = 16;

/**
 * Rotation values for indicator animation
 */
export const INDICATOR_ROTATION = {
  COLLAPSED: '0deg',
  EXPANDED: '180deg',
};

/**
 * Spring configuration for indicator animation
 */
export const INDICATOR_SPRING_CONFIG = {
  damping: 140,
  stiffness: 1000,
  mass: 4,
};

/**
 * Default entering animation for accordion content
 */
export const DEFAULT_CONTENT_ENTERING = FadeIn.duration(200).easing(
  Easing.out(Easing.ease)
);

/**
 * Default exiting animation for accordion content
 */
export const DEFAULT_CONTENT_EXITING = FadeOut.duration(200).easing(
  Easing.in(Easing.ease)
);