import * as _angular_core from '@angular/core';

interface TbxMultiSelectItem {
    id?: unknown;
    title: string;
    description?: string;
    imageUrl?: string;
    selected: boolean;
    data?: unknown;
}

declare class TbxMultiSelectComponent {
    readonly items: _angular_core.InputSignal<TbxMultiSelectItem[]>;
    readonly placeholder: _angular_core.InputSignal<string>;
    selectedChange: _angular_core.OutputEmitterRef<TbxMultiSelectItem[]>;
    protected isDropdownVisible: _angular_core.WritableSignal<boolean>;
    protected filteredItems: _angular_core.WritableSignal<TbxMultiSelectItem[]>;
    private readonly elementRef;
    onDocumentClick(event: MouseEvent): void;
    protected filterItems(event: Event): void;
    protected toggleItem(item: TbxMultiSelectItem, event: MouseEvent): void;
    protected removeItem(item: TbxMultiSelectItem, event: MouseEvent): void;
    protected showDropdown(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TbxMultiSelectComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TbxMultiSelectComponent, "tbx-multi-select", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
}

export { TbxMultiSelectComponent };
export type { TbxMultiSelectItem };