export interface UseScrollAnimationOptions {
    /** Intersection threshold (0-1). Default: 0.1 */
    threshold?: number;
    /** Root margin for intersection observer */
    rootMargin?: string;
    /** Whether to trigger only once. Default: true */
    triggerOnce?: boolean;
}
export interface UseScrollAnimationResult<T extends HTMLElement> {
    /** Ref to attach to the target element */
    ref: React.RefObject<T | null>;
    /** Whether the element is visible in viewport */
    isVisible: boolean;
}
/**
 * Scroll-triggered animation hook using IntersectionObserver.
 * Returns a ref and visibility state for triggering animations when elements enter viewport.
 *
 * @param options - Configuration options for the intersection observer
 * @returns Object containing ref and isVisible state
 *
 * @example
 * ```tsx
 * const { ref, isVisible } = useScrollAnimation<HTMLDivElement>({ threshold: 0.2 });
 * return (
 *   <Box
 *     ref={ref}
 *     sx={{
 *       opacity: 0,
 *       animation: isVisible ? `${fadeInUp} 0.8s ease-out forwards` : 'none',
 *     }}
 *   >
 *     Content
 *   </Box>
 * );
 * ```
 */
export declare const useScrollAnimation: <T extends HTMLElement = HTMLDivElement>(options?: UseScrollAnimationOptions) => UseScrollAnimationResult<T>;
//# sourceMappingURL=useScrollAnimation.d.ts.map