import React from 'react';
export interface PhoneNumberProps {
    numberInputProps?: React.ComponentPropsWithoutRef<'input'>;
    countryCodeInputProps?: React.ComponentPropsWithoutRef<'input'>;
    locale?: 'nn' | 'nb' | 'en';
    /** String or ErrorFieldMessage component with message */
    countryCodeFieldMessage?: string | React.ReactElement<{
        id: string;
    }>;
    /** String or ErrorFieldMessage component with message */
    numberFieldMessage?: string | React.ReactElement<{
        id: string;
    }>;
    /** String or ErrorFieldMessage component with message,
     * this should be set when both countryCode and number is in an invalid state.
     * If both countryCodeFieldMessage and numberFieldMessage is set and not this prop,
     * the component will throw an Error.
     */
    countryCodeAndNumberFieldMessage?: string | React.ReactElement<{
        id: string;
    }>;
    className?: string;
    /** Reserve space for showing `fieldMessage`s so content below don't move
     *  vertically if an errormessage shows up. Note that this will only reserve
     *  space for one line of content, so keep messages short.
     */
    extraMargin?: boolean;
    /** If True label is changed from "Phone number" to "Mobile number" */
    isMobileNumber?: boolean;
}
export type PhoneNumberHandle = {
    readonly country: HTMLInputElement | null;
    readonly number: HTMLInputElement | null;
};
export declare const PhoneNumber: React.ForwardRefExoticComponent<PhoneNumberProps & React.RefAttributes<PhoneNumberHandle>>;