export declare class Dropdown {
    el: HTMLElement;
    id: string;
    placeholder?: string;
    size: 'md' | 'lg';
    variant: 'default' | 'lighter' | 'darker';
    error: boolean;
    disabled: boolean;
    readonly: boolean;
    multiSelect: boolean;
    options: any[];
    optionLabel: string;
    trackBy: string;
    getSelectedOptions?: (event: any) => void;
    extraClass?: string;
    value?: string | string[];
    onChange?: (value: string | string[]) => void;
    optionList: any[];
    private btnRef;
    private containerRef;
    handleValueChange(newValue: string | string[]): void;
    initializeOptions(): void;
    private updateSelectedFromValue;
    private updateDropdownLabel;
    componentWillLoad(): void;
    handleClickOutside: (event: MouseEvent) => void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    private handleAddPressed;
    private handleRemovePressed;
    private handleToggleDropdown;
    setSelectedOptions(option: any, index: number): void;
    private handleSelectSingleOption;
    private getSelectedChoices;
    private handleMultiOptionClicked;
    render(): any;
}
