export type TransitionAlign = 'left' | 'center';
export type TransitionProps = {
    /** Etapas do processo, na ordem; cada uma vira a mensagem da tela por `messageDuration`. */
    messages: string[];
    /** Tempo de cada etapa em ms. */
    messageDuration?: number;
    /**
     * @deprecated O alinhamento segue o tamanho da tela, como no Figma: à esquerda
     * no Mobile e centralizado no Desktop (a partir de 1024px). Use só para forçar um dos dois.
     */
    align?: TransitionAlign;
    /** Enquanto `true`, segura na penúltima etapa até o processo real terminar. */
    isLoading?: boolean;
    /** Chamado depois que a última etapa ficou na tela por `messageDuration`. */
    onFinish?: () => void;
    className?: string;
    'data-testid'?: string;
};
export declare const Transition: ({ messages, messageDuration, align, isLoading, onFinish, className, "data-testid": dataTestId, }: TransitionProps) => import("react/jsx-runtime").JSX.Element;