import { ReactNode } from 'react';
interface MotionFadeProps {
    children: ReactNode;
    /** Unique key to trigger crossfade when content changes */
    contentKey: string;
    className?: string;
    /** "wait" exits before entering (default), "sync" runs both simultaneously */
    mode?: 'wait' | 'sync';
}
/**
 * Crossfades between different content states.
 * Use when switching between loading→loaded, empty→filled, or filter results.
 */
export declare function MotionFade({ children, contentKey, className, mode }: MotionFadeProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=MotionFade.d.ts.map