import { ReactNode } from 'react';
import { ResultOptionProps } from './components/ResultsOption';
export interface SearchFieldProps {
    /** Unique identifier for the search field. */
    id: string;
    /** Placeholder text for the search input. */
    placeholder: string;
    /** Indicates if the search field is in a loading state. */
    isLoading?: boolean;
    /** If true, the search field is displayed in a compact style. */
    isCompact?: boolean;
    /** Callback function triggered when the input value changes. */
    onChange: (query: string) => void;
    /** The children elements, typically ResultOption components. */
    children: ReactNode;
    /** Optional row to display the count of results. */
    resultCountRow?: ReactNode;
}
export declare const SearchField: {
    ({ id, placeholder, isLoading, isCompact, onChange, children, resultCountRow, }: SearchFieldProps): import("react").JSX.Element;
    ResultOption: ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => import("react").JSX.Element;
};