export default SearchBar;
type SearchBar = {
    $on?(type: string, callback: (e: any) => void): () => void;
    $set?(props: Partial<TextInputProps & KeyboardEventHandlers & MouseEventHandlers & PointerEventHandlers & FocusEventHandlers & DragEventHandlers & InputEventHandlers & Props & Record<string, any>>): void;
} & {
    focus: () => void;
};
/**
 * The equivalent of the HTML `<input type="search">` element. It comes with a magnifier icon and
 * clear button.
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search
 * @see https://w3c.github.io/aria/#search
 */
declare const SearchBar: import("svelte").Component<TextInputProps & import("../../typedefs").KeyboardEventHandlers & import("../../typedefs").MouseEventHandlers & import("../../typedefs").PointerEventHandlers & import("../../typedefs").FocusEventHandlers & import("../../typedefs").DragEventHandlers & InputEventHandlers & {
    /**
     * Input value.
     */
    value?: string | undefined;
    /**
     * Search icon slot content.
     */
    searchIcon?: Snippet<[]> | undefined;
    /**
     * Close icon slot content.
     */
    closeIcon?: Snippet<[]> | undefined;
    /**
     * Callback invoked when the clear button is clicked.
     */
    onClear?: (() => void) | undefined;
} & Record<string, any>, {
    focus: () => void;
}, "value">;
type Props = {
    /**
     * Input value.
     */
    value?: string | undefined;
    /**
     * Search icon slot content.
     */
    searchIcon?: Snippet<[]> | undefined;
    /**
     * Close icon slot content.
     */
    closeIcon?: Snippet<[]> | undefined;
    /**
     * Callback invoked when the clear button is clicked.
     */
    onClear?: (() => void) | undefined;
};
import type { TextInputProps } from '../../typedefs';
import type { InputEventHandlers } from '../../typedefs';
import type { Snippet } from 'svelte';