import { ReactNode } from 'react';

export interface SearchDialogProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {
    /**
     * The children of the `SearchInputDialog` component.
     * @type {ReactNode}
     * @example <div />
     * @default undefined
     */
    children?: ReactNode;
    /**
     * The container element for the dialog. This is where the dialog will be rendered.
     * @type {HTMLElement}
     * @example document.getElementById('my-container')
     * @default undefined
     */
    container?: HTMLElement | null;
    /**
     * Placeholder text for the search input within the dialog.
     * @type {string}
     * @example "Search..."
     * @default "Search..."
     */
    searchInputPlaceholder?: string;
    /**
     * Callback function that is called when the search query changes.
     * @param query The search query string.
     * @returns
     */
    onQueryChange?: (query: string) => Promise<void> | void;
}
export declare const SearchDialog: import('react').ForwardRefExoticComponent<SearchDialogProps & import('react').RefAttributes<HTMLDivElement>>;