import { AnimateProps } from "../animate";
import Clip, { ClipOptions } from "../core/clip";
/**
 * Wrap around an element to animate it when it enters or leaves the viewport.
 *
 * @see {@link https://lively.infinityfx.dev/docs/components/view-animation}
 */
export default function ViewAnimation({ children, enter, exit, maxEnters, maxExits, ...props }: Omit<AnimateProps<'enter' | 'exit'>, 'children' | 'animate' | 'clips' | 'triggers' | 'stagger' | 'staggerLimit'> & {
    children: React.ReactElement;
    /**
     * The animation that plays when the element enters the viewport.
     */
    enter: ClipOptions | Clip;
    /**
     * The animation that plays when the element exits the viewport.
     */
    exit?: ClipOptions | Clip;
    /**
     * How many times to re-play the enter animation.
     *
     * @default 1
     */
    maxEnters?: number;
    /**
     * How many times to re-play the exit animation.
     *
     * @default 0
     */
    maxExits?: number;
}): import("react/jsx-runtime").JSX.Element;