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

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

interface SlideOptions {
    duration?: number;
    delay?: number;
    direction?: 'left' | 'right' | 'up' | 'down';
    distance?: number;
    initialOffset?: number;
}
export declare const useSlide: (options?: SlideOptions) => {
    controls: import("framer-motion").AnimationControls;
    slideIn: () => Promise<void>;
    slideOut: () => Promise<void>;
    variants: {
        initial: {
            [x: string]: number;
            opacity: number;
        };
        animate: {
            [x: string]: number | {
                duration: number;
                delay: number;
                ease: string;
            };
            opacity: number;
            transition: {
                duration: number;
                delay: number;
                ease: string;
            };
        };
        exit: {
            [x: string]: number | {
                duration: number;
                ease: string;
            };
            opacity: number;
            transition: {
                duration: number;
                ease: string;
            };
        };
    };
};
export {};