import { CustomComponent, LoginBoxCommonTheme, LoginBoxCommonThemeOptions } from '../index';
import { ExtendedCSSProperties } from '../../Common';
interface TitleProps {
    title: string;
}
interface MessageProps {
    message: string;
}
interface ResetPhoneNumberComponentsTheme {
    /**
     * Reset phone number page container style
     */
    containerStyle?: ExtendedCSSProperties;
    /**
     * Reset phone number page title default is 'Change phone number'
     * displayed in reset phone number form screen
     * passing 'null' will hide the title
     */
    resetPhoneNumberTitle?: CustomComponent<TitleProps>;
    /**
     * Direct css style for Reset phone number page title
     */
    resetPhoneNumberTitleStyle?: ExtendedCSSProperties;
    /**
     * Reset phone number page title default is 'Verify that it’s you'
     * displayed in verify reset phone number form screen
     * passing 'null' will hide the title
     */
    verifyResetPhoneNumberTitle?: CustomComponent<TitleProps>;
    /**
     * Direct css style for verify reset phone number page title
     */
    verifyResetPhoneNumberTitleStyle?: ExtendedCSSProperties;
    /**
     * Verify reset phone number page message default:
     * 'Please enter the six-digit code we have sent to your email'
     * displayed in verify reset phone number form screen
     * passing 'null' will hide the message
     */
    verifyResetPhoneNumberMessage?: CustomComponent<MessageProps>;
    /**
     * Direct css style for verify reset phone number page message
     */
    verifyResetPhoneNumberMessageStyle?: ExtendedCSSProperties;
    /**
     * Change phone number page title default is 'Enter your phone number'
     * displayed in change phone number form screen
     * passing 'null' will hide the title
     */
    changePhoneNumberTitle?: CustomComponent<TitleProps>;
    /**
     * Direct css style for change phone number page title
     */
    changePhoneNumberTitleStyle?: ExtendedCSSProperties;
    /**
     * Verify reset phone number page message default:
     * 'Please enter your phone number below'
     * displayed in change phone number form screen
     * passing 'null' will hide the message
     */
    changePhoneNumberMessage?: CustomComponent<MessageProps>;
    /**
     * Direct css style for verify reset phone number page message
     */
    changePhoneNumberMessageStyle?: ExtendedCSSProperties;
}
export interface ResetPhoneNumberPageThemeOptions extends LoginBoxCommonThemeOptions, ResetPhoneNumberComponentsTheme {
}
export interface ResetPhoneNumberPageTheme extends LoginBoxCommonTheme, ResetPhoneNumberComponentsTheme {
}
export {};