import type { PrimeStyleClassNames } from "../../types";
import type { TranslateFn } from "../../i18n";
/**
 * Engaging try-on processing screen — 65/35 split.
 *  Left  (~65%): user's photo + scanning overlay
 *  Right (~35%): big % ring → "WHILE YOU WAIT" cards (style tip /
 *                garment spotlight / AI fact) → cancel link.
 *
 * Distracts the user from the 25s wait by feeding them branded micro-
 * content tied to their actual purchase context.
 */
export declare function ProcessingView({ previewUrl, progressRef, progressBarRef, progressTextRef, progressStatusRef, progressEtaRef, progressRingRef, productTitle, productMaterial, productDescription, onCancel, cn, t, }: {
    previewUrl: string | null;
    progressRef: React.MutableRefObject<number>;
    progressBarRef: React.MutableRefObject<HTMLDivElement | null>;
    progressTextRef: React.MutableRefObject<HTMLSpanElement | null>;
    progressStatusRef: React.MutableRefObject<HTMLDivElement | null>;
    progressEtaRef: React.MutableRefObject<HTMLSpanElement | null>;
    progressRingRef: React.MutableRefObject<SVGCircleElement | null>;
    productTitle?: string;
    productMaterial?: string;
    productDescription?: string;
    onCancel?: () => void;
    cn: PrimeStyleClassNames;
    t: TranslateFn;
}): import("react/jsx-runtime").JSX.Element;