import React from 'react';
import { BaseInputPropsWithoutChildren } from '../Input/BaseInput';
import { CreateProps } from '../../types/utils/CreateProps';
export declare type countyCodeShape = {
    value: string;
    countryName: string;
    code: string;
};
export declare type CountyCodeShape = countyCodeShape;
declare type PhoneNumberInputProps = CreateProps<{
    /** Label shown on the input */
    label: string;
    /** Callback which is triggered when user selects a countrycode from the list. The return value is the selected option as an object and native event */
    onCountryCodeChange: (event: React.SyntheticEvent<HTMLDivElement>, value: countyCodeShape | undefined) => void;
    /** The selected countrycode options */
    selectedCountryCode?: countyCodeShape;
    /** Callback which gets event and pure value of typed number */
    onNumberChange: (event: React.ChangeEvent<HTMLInputElement>, option: string) => void;
    /** Number shown inside number input. */
    numberValue?: string;
    /** Array of object with country names and codes */
    countryCodes: countyCodeShape[];
    /** Adds the plus sign to the input */
    addPlusSign?: boolean;
    /** Optional property to specify placeholder text displayed in the search input field */
    searchPlaceholder?: string;
}, BaseInputPropsWithoutChildren, 'onChange' | 'value' | 'showCustomLabel' | 'type'>;
declare const PhoneNumberInput: React.FunctionComponent<PhoneNumberInputProps>;
export default PhoneNumberInput;