import React from 'react';
export declare type CountryCode = {
    value: string;
    label: string;
};
export declare type PhoneNumberFieldProps = {
    /**
     * The landcodes to show in the dropdown.
     */
    countryCodes: CountryCode[];
    number: string;
    onChangeNumber: (number: string) => void;
    countryCode: string;
    onChangeCountryCode: (countryCode: string) => void;
    maxlength?: number;
    placeholder?: string;
    label?: string;
    disabled?: boolean;
    size?: 'default' | 'compact';
    inputRef?: React.RefObject<HTMLInputElement> | React.MutableRefObject<HTMLInputElement>;
    /**
     * Event handler to allow handling validations after on blur
     */
    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
} & ({
    error: true;
    helpText: string;
} | {
    error?: boolean;
    helpText?: string;
});
export declare const PhoneNumberField: (props: PhoneNumberFieldProps) => JSX.Element;