react-use-magic-animations/dist/hooks/useFade.d.ts

A collection of easy-to-use React hooks for professional animations based on popular animation libraries

import { AnimationControls } from 'framer-motion';
export interface FadeOptions {
    duration?: number;
    delay?: number;
    ease?: string;
    opacity?: number;
    direction?: 'up' | 'down' | 'left' | 'right';
    distance?: number;
    stagger?: number;
    responsive?: {
        mobile?: Partial<FadeOptions>;
        tablet?: Partial<FadeOptions>;
        desktop?: Partial<FadeOptions>;
    };
    customVariants?: {
        hidden?: Record<string, any>;
        visible?: Record<string, any>;
        exit?: Record<string, any>;
    };
    fadeIn?: Partial<FadeOptions>;
    fadeOut?: Partial<FadeOptions>;
}
export interface UseFadeResult {
    controls: AnimationControls;
    fadeIn: () => Promise<void>;
    fadeOut: () => Promise<void>;
    stop: () => void;
}
export declare function useFade(options?: FadeOptions): UseFadeResult;