import React from "react";
export interface IComboboxItem {
    id: string;
    disabled?: boolean;
}
interface DSComboboxProps {
    items: IComboboxItem[];
    selectedItemId?: string;
    onChange: (item?: unknown | null) => void;
    placeholder: React.ReactNode;
    disabled?: boolean;
    error?: boolean;
    alwaysShowInputValue?: boolean;
    hideDropdownOnEmptyResults?: boolean;
    clearInputOnOpenChange?: boolean;
    showClearButton?: boolean;
    /**
     * Max height of expanded dropdown list
     * @default "200px"
     */
    maxDropdownHeight?: string;
    /**
     * custom filter to be used for filtering items
     */
    filterItems?: (inputValue: string | undefined, filterBy: string) => (item: unknown) => boolean;
    /**
     * The item property used to render the label
     */
    labelField: string;
    /**
     * The item property used to use for filtering
     */
    filterBy: string;
    /**
     * The item property used to group the items
     */
    groupBy?: string;
    /**
     * The message to display when no results are found
     */
    noResultsMessage?: string;
    /**
     * A function to be called when search input changes
     */
    onSearchChange?: (searchValue: string | undefined) => void;
    /**
     * Footer content to display at the bottom of the dropdown
     */
    footer?: React.ReactNode;
}
export declare function DSCombobox({ items, selectedItemId, onChange, placeholder, maxDropdownHeight, groupBy, filterBy, labelField, filterItems, disabled, error, noResultsMessage, onSearchChange, alwaysShowInputValue, hideDropdownOnEmptyResults, clearInputOnOpenChange, showClearButton, footer }: DSComboboxProps): JSX.Element;
export {};