import React, { useEffect } from 'react'; import { View } from 'react-native'; import Svg, { Path } from 'react-native-svg'; import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withSequence, withTiming, Easing } from 'react-native-reanimated'; import useChristmasTheme from '../../hooks/useChristmasTheme'; const AnimatedView = Animated.createAnimatedComponent(View); interface ChristmasPinIconProps { size?: number; } const ChristmasPinIcon: React.FC = ({ size = 32 }) => { const { isEnabled: hasChristmasTheme } = useChristmasTheme(); const float = useSharedValue(0); useEffect(() => { if (hasChristmasTheme) { float.value = withRepeat( withSequence( withTiming(1, { duration: 2000, easing: Easing.inOut(Easing.ease) }), withTiming(0, { duration: 2000, easing: Easing.inOut(Easing.ease) }) ), -1, false ); } }, [hasChristmasTheme, float]); const animatedStyle = useAnimatedStyle(() => { return { transform: [{ translateY: float.value * -1.5 }] }; }); if (!hasChristmasTheme) { return null; } return ( ); }; export default ChristmasPinIcon;