import { RegisterOptions } from 'react-hook-form';
import { VerificationProductType } from '../../commonSetUp/sections/commonTypes';
import { DisableMode, LabelProps } from '../common/common';
import { PhoneVerifyButtonProps } from '../phoneNumberField/PhoneNumberField';
/**
 * Component & its Props
 */
export interface Props {
    label: LabelProps;
    text: {
        /**
         * Unique name to be registered with react-hook-form
         */
        name: string;
        autoComplete?: "off" | "on" | "new-password";
        defaultValue?: string | number;
        options?: RegisterOptions;
        placeholder?: string;
    };
    bottomText?: string;
    errorInfoLabel?: string;
    fullWidthSelect?: boolean;
    infoBox?: React.ReactNode;
    isDisabled?: DisableMode;
    isOptional?: boolean;
    isPopupOpen?: boolean;
    phoneVerifyButtonProps?: PhoneVerifyButtonProps;
    productType?: VerificationProductType;
    showVerified?: boolean;
    style?: React.CSSProperties;
    verificationErrorInfoLabel?: string;
}
export declare function LabeledPhoneNumberField({ errorInfoLabel, infoBox, isDisabled, isOptional, isPopupOpen, label, phoneVerifyButtonProps, fullWidthSelect, productType, showVerified, style, text, verificationErrorInfoLabel, bottomText, }: Props): import("react/jsx-runtime").JSX.Element;
