import type { ReactElement, Ref, ReactNode } from 'react';
import React from 'react';
import { type Props as BaseProps } from '../Input';
import * as EmptyModule from './Empty';
import * as OptionsModule from './Option';
import * as PanelModule from './Panel';
import * as SuggestionsModule from './Suggestions';
import type { Subscribable, Suggestion } from './types';
type TSuggestion<T> = Suggestion<T>;
export declare function SearchInput<T = unknown>({ inputRef, getSuggestions, invalidateSuggestions, renderAddon, renderEmpty, renderSuggestion, renderSuggestions, query, onClear, onKeyDown, onSelect, ...attributes }: SearchInput.Props<T>): React.JSX.Element;
export declare namespace SearchInput {
    type Suggestion<T> = TSuggestion<T>;
    interface Props<T> extends Omit<BaseProps, 'loading' | 'value' | 'onSelect'> {
        inputRef?: Ref<HTMLInputElement>;
        getSuggestions: (query: string) => Suggestion<T>[] | Promise<Suggestion<T>[]>;
        invalidateSuggestions?: Subscribable;
        onClear?: () => void;
        renderAddon?: () => ReactNode;
        renderEmpty?: (props: Props.Empty) => ReactElement | null;
        renderSuggestion?: (props: Props.Option<T>) => ReactElement | null;
        renderSuggestions?: (props: Props.Suggestions<T>) => ReactElement | null;
        query: string;
        onSelect: (suggestion: Suggestion<T>) => void;
    }
    namespace Props {
        interface Empty {
            query: string;
            loading: boolean;
            onClose: () => void;
        }
        interface Option<T> {
            ref: Ref<HTMLElement>;
            active: boolean;
            disabled: boolean;
            query: string;
            suggestion: Suggestion<T>;
            onClose: () => void;
            onSelect: () => void;
        }
        interface Suggestions<T> {
            children?: ReactNode;
            activeElement: HTMLElement | undefined;
            activeSuggestion: Suggestion<T> | undefined;
            loading: boolean;
            origin: HTMLElement | null;
            query: string;
            suggestions: Suggestion<T>[];
            onClose: () => void;
            onSelect: (suggestion: Suggestion<T>) => void;
        }
    }
    const Empty: typeof EmptyModule.Empty;
    const Option: typeof OptionsModule.Option;
    const Panel: React.ForwardRefExoticComponent<PanelModule.Props & React.RefAttributes<HTMLDivElement>>;
    const Suggestions: typeof SuggestionsModule.Suggestions;
}
export {};