import type { ReactElement, ReactNode } from 'react';
import React from 'react';
import { type RenderElementProps } from 'slate-react';
import type { SearchInput } from '../../../components';
import type { PlaceholderNode } from '../PlaceholderNode';
import { type Props as PlaceholderProps } from './Placeholder';
import type { Props as PlaceholderElementProps } from './PlaceholderElement';
import { SearchInputPlaceholder } from './SearchInputPlaceholder';
export type Props<T> = RenderElementProps & Pick<PlaceholderProps, 'icon' | 'title' | 'description' | 'format' | 'onDrop'> & Pick<PlaceholderElementProps, 'removable'> & Pick<SearchInputPlaceholder.Props<T>, 'getSuggestions' | 'invalidateSuggestions' | 'onSelect' | 'renderAddon'> & {
    element: PlaceholderNode;
    renderEmpty?: (props: {
        placeholder: PlaceholderNode;
    } & SearchInput.Props.Empty) => ReactElement | null;
    renderSuggestion?: (props: {
        placeholder: PlaceholderNode;
    } & SearchInput.Props.Option<T>) => ReactElement | null;
    renderSuggestions?: (props: {
        placeholder: PlaceholderNode;
    } & SearchInput.Props.Suggestions<T>) => ReactElement | null;
    inputTitle: SearchInputPlaceholder.Props<T>['title'];
    inputDescription: SearchInputPlaceholder.Props<T>['description'];
    inputPlaceholder?: SearchInputPlaceholder.Props<T>['placeholder'];
} & {
    renderFrame?: (props: {
        isSelected: boolean;
    }) => ReactNode;
};
export declare function SearchInputPlaceholderElement<T>({ attributes, children, element, renderAddon, renderFrame, format, icon, title, description, removable, getSuggestions, invalidateSuggestions, renderEmpty, renderSuggestion, renderSuggestions, inputTitle, inputDescription, inputPlaceholder, onDrop, onSelect, }: Props<T>): React.JSX.Element;