@funkit/connect/dist/hooks/useAnimatedNavigation.d.ts

Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.

export declare const ANIMATION_DELAY = 75;
/**
 * @param isInitialStep utilizes the old scale-in for initial display. Based on this boolean and animation state.
 * @returns className to be applied on the animatable content
 */
export declare const getContentAnimation: ({ isOut, isReversed, isSkipped }: AnimationState, isInitialStep?: boolean) => string | undefined;
interface AnimatedNavigationResponse<T> {
    animation: AnimationState;
    navigateTo: (page: T, params?: AnimationParams) => void;
    animate: (callback: () => void, params?: AnimationParams) => void;
}
/**
 * Logic for easier animations during navigation
 * @param callback - Called when utilizing the navigateTo function. Without providing it the navigateTo function will not work
 * animate is a more generic version of navigateTo that can be used if the callback is not known during hook initialization. Or if it differs.
 */
export declare function useAnimatedNavigation<T>(callback: ((page: T) => void) | undefined): AnimatedNavigationResponse<T>;
interface AnimationParams {
    reverse?: boolean;
    skip?: boolean;
}
export interface AnimationState {
    isOut: boolean;
    isSkipped: boolean;
    isReversed: boolean;
}
export {};