import { CountryDialCode } from '../../utils/phone/countryDialCodes';
import { Component } from '../Component';
interface CountryDialCodeDropdownOptions {
    defaultCountry?: string;
    allowedCountries?: string[];
    onChange: (countryCode: string, dialCode: string) => void;
    translationFunc: (key: string) => string;
    styles?: {
        color: string;
        fontSize: number;
        fontFamily: string;
        borderRadius: string;
    };
    /** Container to which the floating panel is appended. Defaults to document.body. When inside a shadow DOM, pass the shadow root to preserve theme inheritance (CSS variables and font styles). The panel uses fixed positioning so it's viewport-relative and won't be affected by position:relative ancestors. */
    panelContainer?: HTMLElement | ShadowRoot;
}
export declare class CountryDialCodeDropdown extends Component<HTMLDivElement> {
    private triggerButton;
    private dropdownPanel;
    private searchInput;
    private countriesList;
    private selectedCountry;
    private countries;
    private isOpen;
    private onChange;
    private translationFunc;
    private clickOutsideHandler?;
    private escapeKeyHandler?;
    private repositionOnScroll?;
    private closeOnResize?;
    constructor(options: CountryDialCodeDropdownOptions);
    private updateTriggerButton;
    private renderCountriesList;
    private handleSearch;
    private selectCountry;
    private toggleDropdown;
    private positionPanel;
    private openDropdown;
    private closeDropdown;
    getSelectedCountry(): CountryDialCode;
    setCountry(countryCode: string): void;
    destroy(): void;
}
export {};
//# sourceMappingURL=CountryDialCodeDropdown.d.ts.map