import { default as React } from 'react';
import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
export type SearchInputSlots = 'root' | 'input' | 'resultCount';
/** Text SearchInput renders of its own, for translating it. */
export interface SearchInputLabels {
    /** The result count, given the number (default `12 results`). */
    results?: (count: number) => string;
}
export interface SearchInputProps extends Omit<HtmlProps, 'onChange'> {
    value: string;
    onChange: (value: string) => void;
    onDebounce?: (value: string) => void;
    placeholder?: string;
    label?: string;
    debounceMs?: number;
    totalAmount?: number;
    showAmount?: boolean;
    className?: string;
    width?: number | string;
    /** Classes for the inner elements. See `SearchInputSlots`. */
    classNames?: SlotClassNames<SearchInputSlots>;
    /** Inline styles for the inner elements. See `SearchInputSlots`. */
    styles?: SlotStyles<SearchInputSlots>;
    /** Overrides the text SearchInput renders of its own. Merged per key. */
    labels?: SearchInputLabels;
    /** Ref to the inner `<input>`, for focusing the field. */
    ref?: React.Ref<HTMLInputElement>;
}