import { MaybeElementRef } from '@vueuse/core';
export interface OctopusDropdownProps<T> {
    options: T[];
    optionLabel?: keyof T & string;
    optionKey?: keyof T;
    isDisabled?: boolean;
    placeholder?: string;
}
export declare function useOctopusDropdown<T>(props: OctopusDropdownProps<T>, emitSearch: (query: string) => void, idPrefix?: string, ignore?: MaybeElementRef[]): {
    searchQuery: import('../../../../node_modules/vue').Ref<string, string>;
    isOpen: import('../../../../node_modules/vue').Ref<boolean, boolean>;
    isHovered: import('../../../../node_modules/vue').Ref<boolean, boolean>;
    containerRef: import('../../../../node_modules/vue').Ref<HTMLElement, HTMLElement>;
    inputRef: import('../../../../node_modules/vue').Ref<HTMLInputElement, HTMLInputElement>;
    teleportTarget: import('../../../../node_modules/vue').Ref<string | HTMLElement, string | HTMLElement>;
    computedId: import('../../../../node_modules/vue').ComputedRef<string>;
    hasSearchListener: import('../../../../node_modules/vue').ComputedRef<boolean>;
    displayedOptions: import('../../../../node_modules/vue').ComputedRef<T[]>;
    inputPlaceholder: import('../../../../node_modules/vue').ComputedRef<string>;
    getLabel: (option: T) => string;
    openDropdown: () => void;
    closeDropdown: () => void;
    toggleDropdown: () => void;
    handleInput: () => void;
};