import { MotionProps, Easing } from 'motion/react';
type MarginValue = `${number}${'px' | '%'}`;
export interface UseAppearAnimationProps {
    once?: boolean;
    margin?: MarginValue | `${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue} ${MarginValue}`;
    delay?: number;
    direction?: 'up' | 'down' | 'left' | 'right' | 'scale' | 'fade';
    animationDistance?: number;
    duration?: number;
    ease?: Easing | Easing[];
}
export declare const useAppearAnimation: <T extends HTMLElement = HTMLElement>({ once, margin, delay, direction, animationDistance, duration, ease, }?: UseAppearAnimationProps) => {
    ref: import('../../../node_modules/react').RefObject<T | null>;
    isInView: boolean;
    motionProps: Omit<MotionProps, "ref">;
};
export {};