import React from 'react';
declare global {
    interface Window {
        bodymovin?: any;
        lottie?: any;
    }
}
export interface LottieProps {
    src?: string;
    animationData?: object;
    renderer?: 'svg' | 'canvas' | 'html';
    loop?: boolean;
    autoplay?: boolean;
    pause?: boolean;
    name?: string;
    style?: React.CSSProperties;
    onComplete?: () => void;
    onLoopComplete?: () => void;
    onEnterFrame?: () => void;
    onSegmentStart?: () => void;
    onDestroy?: () => void;
    onConfigReady?: () => void;
    onDataReady?: () => void;
    onDOMLoaded?: () => void;
    onError?: (error: Error) => void;
}
/**
 * <LottieCDN src="/path/to/anim.json" loop autoplay style={{width:200,height:200}} />
 */
export declare function Lottie({ src, // URL of the .json OR omit and pass animationData
animationData, // already‑parsed JSON object
renderer, // svg | canvas | html
loop, autoplay, pause, name, // optional name for debugging
style, // width/height etc.
onComplete, // callback function when animation completes
onLoopComplete, // callback function when a loop completes
onEnterFrame, // callback function on each frame
onSegmentStart, // callback function when a segment starts
onDestroy, // callback function when animation is destroyed
onConfigReady, // callback function when initial config is done
onDataReady, // callback function when all parts are loaded
onDOMLoaded, // callback function when elements are added to DOM
onError, }: LottieProps): React.JSX.Element;
export default Lottie;
//# sourceMappingURL=Lottie.d.ts.map