import type { FunctionComponent, KeyboardEvent, ReactNode } from 'react';
import React from 'react';
import { SearchInput } from '../../../components';
import { type Props as BaseProps } from './Frame';
import type { ContentRenderProps } from './Placeholder';
export declare function SearchInputPlaceholder<T>({ className, title, description, dragOver, format, progress, selected, getSuggestions, invalidateSuggestions, renderAddon, renderEmpty, renderSuggestion, renderSuggestions, autoFocus, disabled, initialQuery, placeholder, onEsc, onSelect, ...attributes }: SearchInputPlaceholder.Props<T>): React.JSX.Element;
export declare namespace SearchInputPlaceholder {
    interface Props<T> extends Omit<BaseProps, 'title' | 'onSubmit' | 'onSelect' | 'pattern'> {
        getSuggestions: SearchInput.Props<T>['getSuggestions'];
        invalidateSuggestions?: SearchInput.Props<T>['invalidateSuggestions'];
        renderEmpty?: SearchInput.Props<T>['renderEmpty'];
        renderAddon?: SearchInput.Props<T>['renderAddon'];
        renderSuggestion?: SearchInput.Props<T>['renderSuggestion'];
        renderSuggestions?: SearchInput.Props<T>['renderSuggestions'];
        title: ReactNode | FunctionComponent<ContentRenderProps>;
        description: ReactNode | FunctionComponent<ContentRenderProps>;
        disabled?: boolean;
        autoFocus?: boolean;
        initialQuery?: string;
        placeholder?: string;
        onEsc?: (event: KeyboardEvent) => void;
        onSelect?: (id: SearchInput.Suggestion<T>['id'], value: T) => void;
    }
}