diff --git a/src/components/cardStack/hooks/useCardAnimation.ts b/src/components/cardStack/hooks/useCardAnimation.ts index 4848f0e..756ef62 100644 --- a/src/components/cardStack/hooks/useCardAnimation.ts +++ b/src/components/cardStack/hooks/useCardAnimation.ts @@ -9,20 +9,21 @@ interface CardAnimationConfig { duration?: number; delay?: number; easing?: string; - itemRefs?: React.MutableRefObject[]; - containerRef?: React.MutableRefObject; - perspectiveRef?: React.MutableRefObject; - bottomContentRef?: React.MutableRefObject; + animationType?: string; + itemRefs?: React.MutableRefObject[]; + containerRef?: React.MutableRefObject; + perspectiveRef?: React.MutableRefObject; + bottomContentRef?: React.MutableRefObject; } const useCardAnimation = (config: CardAnimationConfig = {}): CardAnimationConfig => { - const { duration = 0.6, delay = 0, easing = 'ease-out' } = config; + const { duration = 0.6, delay = 0, easing = 'ease-out', animationType = 'none' } = config; const [isAnimating, setIsAnimating] = useState(false); const { transform } = useDepth3DAnimation({ rotateX: 0, rotateY: 0, scale: 1 }); - const itemRefs = useRef(null); - const containerRef = useRef(null); - const perspectiveRef = useRef(null); - const bottomContentRef = useRef(null); + const itemRefs = useRef<(HTMLDivElement | null)[]>([]); + const containerRef = useRef(null); + const perspectiveRef = useRef(null); + const bottomContentRef = useRef(null); useEffect(() => { setIsAnimating(true); @@ -34,6 +35,7 @@ const useCardAnimation = (config: CardAnimationConfig = {}): CardAnimationConfig duration, delay, easing, + animationType, itemRefs: [itemRefs], containerRef, perspectiveRef,