import { InputHTMLAttributes, ReactNode } from 'react';
export interface Suggestion {
    id: string;
    label: string;
}
export interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
    /**
     * Whether the search bar is visible/expanded.
     * When `false` the bar collapses to zero height and is hidden from AT.
     */
    open: boolean;
    /** Called when the user presses Escape or clicks the clear button with empty value. */
    onClose?: () => void;
    /** Called when the clear (×) button is clicked. Also clears the input value. */
    onClear?: () => void;
    /**
     * Content to render below the search bar (e.g. filter chips).
     * Only visible while `open` is true.
     */
    children?: ReactNode;
    /**
     * Removes the header-bar background so the bar blends into any surface.
     * Mirrors the `.inline` style class.
     */
    inline?: boolean;
    /** Suggestion items to show in the autocomplete popover. */
    suggestions?: Suggestion[];
    /** Called when the user selects a suggestion. */
    onSuggestionSelect?: (item: Suggestion) => void;
    /** Shows a spinner inside the suggestions popover while fetching async results. */
    loadingSuggestions?: boolean;
    /** Custom row renderer for each suggestion. */
    renderSuggestion?: (item: Suggestion) => ReactNode;
    /** `aria-label` for the suggestions listbox. Defaults to `"Suggestions"`. */
    suggestionsLabel?: string;
}
/**
 * Collapsible search bar following the Adwaita `AdwSearchBar` pattern.
 *
 * - Slides in/out with a CSS height transition.
 * - Auto-focuses the input when `open` becomes `true`.
 * - Escape key calls `onClose`.
 * - Shows a clear (×) button whenever the input has a value.
 * - Optional `suggestions` / `loadingSuggestions` props show an autocomplete
 *   popover anchored below the bar — follows the GTK4 pattern of
 *   `AdwSearchBar` + `GtkPopover` + `GtkListView` (replaces `GtkEntryCompletion`).
 *
 * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SearchBar.html
 */
export declare function SearchBar({ open, onClose, onClear, children, value, onChange, placeholder, disabled, inline, className, suggestions, onSuggestionSelect, loadingSuggestions, renderSuggestion, suggestionsLabel, ...props }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
