import { CheckoutProfile } from '../../../types/checkout/CheckoutProfile.type';
import { Component } from '../../Component';
interface PhoneNumberFieldOptions {
    value: string;
    onChange: (event: Event) => void;
    onBlur: (event: Event) => void;
    onTab?: () => void;
    error: boolean;
    errorMsg?: string;
    checkoutProfile: CheckoutProfile;
    translationFunc: (key: string) => string;
    defaultCountry?: string;
    allowedCountries?: string[];
    locale?: string;
    label?: string;
    placeholder?: string;
}
export declare class PhoneNumberField extends Component<HTMLDivElement> {
    private _countrySelector;
    private _inputElement;
    private _countryCodeInput;
    private _containerElement;
    private _helperText;
    private _currentCountryCode;
    private _userSelectedCountry;
    private _onChange;
    private _onBlur;
    private _translationFunc;
    private _customPlaceholder?;
    constructor(options: PhoneNumberFieldOptions);
    private _buildLabel;
    private _buildContainer;
    private _buildCountrySelector;
    private _buildInput;
    private _handleInput;
    private _handleInternationalInput;
    private _handleNationalInput;
    private _syncCountryCodeInput;
    private _handleCountryChange;
    private _validateInput;
    private _showValidationError;
    private _clearValidationError;
    getValue(): string;
    setValue(value: string): this;
    setCountry(countryCode: string): this;
    getCountry(): string;
    setError(error: boolean, errorMsg?: string): this;
    focus(): void;
}
export {};
//# sourceMappingURL=PhoneNumberField.d.ts.map