import { default as React } from 'react';
import { RegisterOptions } from 'react-hook-form';
import { FetchStateAndError } from '@zeniai/client-epic-state';
import { VerificationProductType } from '../../commonSetUp/sections/commonTypes';
import { DisableMode } from '../common/common';
export interface Props {
    /**
     * Unique name to be registered with react-hook-form
     */
    name: string;
    autoComplete?: "off" | "on" | "new-password";
    defaultValue?: string | number;
    isDisabled?: DisableMode;
    isFocused?: boolean;
    phoneVerifyButtonProps?: PhoneVerifyButtonProps;
    placeholder?: string;
    productType?: VerificationProductType;
    registerOptions?: RegisterOptions;
    showVerified?: boolean;
    style?: React.CSSProperties;
}
export interface PhoneVerifyButtonProps {
    isPhoneVerified: boolean;
    showOtpButton: boolean;
    focusNotRequired?: boolean;
    getOtpStatus?: FetchStateAndError;
    otpChallenge?: string;
    phoneVerificationStatus?: FetchStateAndError;
    verifiedPhoneNumber?: string | null;
    onGetOtp: (phoneNumber: string) => void;
    onResendOtp: (otpChallenge: string) => void;
    onVerifyOtp: (code: string, otpChallenge: string) => void;
    openPopup: (isPhotoPopUpOpen: boolean) => void;
}
export declare function PhoneNumberField({ name, placeholder, autoComplete, isDisabled, isFocused, showVerified, defaultValue, phoneVerifyButtonProps, registerOptions, style, productType, }: Props): import("react/jsx-runtime").JSX.Element;