import { Animated, Easing } from 'react-native';
import {
  ANIMATED_SPRING_TENSION,
  ANIMATED_SPRING_FRICTION,
  ANIMATED_ELASTIC_DURATION,
  ANIMATED_ELASTIC_BOUNCINESS,
  ANIMATED_TIMING_IN,
} from './constants';

type AnimationOptions = {
  variable: Animated.Value;
  toValue: number;
  duration?: number;
  delay?: number;
  easing?: (value: number) => number;
};

type SpringOptions = {
  variable: Animated.Value;
  toValue: number;
  delay?: number;
  tension?: number;
  friction?: number;
};

export function animateTiming({
  variable,
  toValue,
  duration = ANIMATED_TIMING_IN,
  delay = 0,
  easing = Easing.out(Easing.cubic),
}: AnimationOptions) {
  return Animated.timing(variable, {
    toValue,
    duration,
    easing,
    delay,
    useNativeDriver: true,
  });
}

export function animateLoop({
  variable,
  toValue,
  duration = 3223,
  easing = Easing.linear,
}: AnimationOptions) {
  const animation = Animated.loop(
    Animated.timing(variable, {
      toValue,
      duration,
      easing,
      isInteraction: false,
      useNativeDriver: true,
    })
  );
  animation.start();
  return animation;
}

export function animateSpring({
  variable,
  toValue,
  delay = 0,
  tension = ANIMATED_SPRING_TENSION,
  friction = ANIMATED_SPRING_FRICTION,
}: SpringOptions) {
  return Animated.spring(variable, {
    toValue,
    tension,
    friction,
    delay,
    useNativeDriver: true,
  });
}

export function animateElastic(params: AnimationOptions) {
  return animateTiming({
    duration: ANIMATED_ELASTIC_DURATION,
    easing: Easing.elastic(ANIMATED_ELASTIC_BOUNCINESS),
    ...params,
  });
}