useEyesAnimation.ts

import React, { useRef, useEffect } from 'react';
import { Animated, Easing } from 'react-native';
import { useIsMounted } from '@t/utils/hooks/useIsMounted';

export const useEyesAnimation = () => {
  const offsetX = useRef(new Animated.Value(0)).current;
  const isMounted = useIsMounted();

  useEffect(() => {
    animate();
  }, []);

  const animate = () => {
    offsetX.setValue(0);

    Animated.sequence([
      Animated.timing(offsetX, {
        easing: Easing.inOut(Easing.quad),
        duration: 2000,
        toValue: -5,
        useNativeDriver: true,
      }),
      Animated.timing(offsetX, {
        easing: Easing.inOut(Easing.quad),
        duration: 2000,
        toValue: 0,
        useNativeDriver: true,
      }),
    ]).start(() => {
      if (isMounted()) animate();
    });
  };

  return { eyesOffsetX: offsetX };
};