import type * as React from 'react';
import { InputOTP } from '../../molecules/forms/InputOTP/index.js';
import { type AuthPageAction, type AuthPageAsideConfig, type AuthPageLayoutProps } from '../../templates/AuthPageLayout/index.js';
export interface TwoFactorAuthenticationPageProps extends Omit<AuthPageLayoutProps, 'title' | 'description' | 'children' | 'aside' | 'onSubmit'> {
    title?: React.ReactNode;
    destination?: React.ReactNode;
    description?: React.ReactNode;
    aside?: AuthPageAsideConfig | React.ReactNode;
    otpLength?: number;
    otpProps?: Omit<React.ComponentProps<typeof InputOTP>, 'children' | 'maxLength' | 'render'>;
    recoveryCodeAction?: AuthPageAction;
    resendAction?: AuthPageAction;
    submitLabel?: React.ReactNode;
    isSubmitting?: boolean;
    onSubmit?: React.FormEventHandler<HTMLFormElement>;
}
declare function TwoFactorAuthenticationPage({ title, destination, description, aside, otpLength, otpProps, recoveryCodeAction, resendAction, submitLabel, isSubmitting, onSubmit, formMaxWidthClassName, formClassName, className, ...layoutProps }: TwoFactorAuthenticationPageProps): React.ReactElement;
declare namespace TwoFactorAuthenticationPage {
    var displayName: string;
}
export { TwoFactorAuthenticationPage };