/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
export interface SearchFieldProps extends Omit<JSX.HTMLAttributes<HTMLInputElement>, "size" | "onInput"> {
    /** `field` is the fixed-width header presentation; `full` spans its container. Choose per breakpoint with the hide utilities, never by measuring in JS. */
    variant?: "field" | "full";
    /** Name real content. */
    placeholder?: string;
    value?: string;
    /** Accessible name; a placeholder is not one. */
    label?: string;
    /** Called with the value on every keystroke. */
    onValueChange?: (value: string) => void;
    /** Renders a clear control while the field is non-empty; needs `value`. */
    onClear?: () => void;
    /** Merged onto the wrapper. */
    className?: string;
}
/**
 * A search input for page chrome, a `role="search"` landmark that renders its geometry with no JavaScript. Not the map overlay `.strand-search-bar`.
 *
 * @example
 * <SearchField placeholder="Search events" value={q} onValueChange={setQ} onClear={() => setQ("")} />
 */
export declare const SearchField: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<SearchFieldProps> & {
    ref?: import("preact").Ref<HTMLInputElement> | undefined;
}>;
//# sourceMappingURL=SearchField.d.ts.map