import React from 'react';
import { type InputProps, InputVariant } from '../../components/forms/input/Input';
import { Size } from '../../types/sizes.types';
export type SearchBoxProps<T extends Record<string, unknown>> = Omit<InputProps, 'icon' | 'inputSize' | 'minWidth' | 'maxWidth' | 'width' | 'variant' | 'onClear' | 'onButtonClick' | 'buttonLabel' | 'buttonIcon' | 'buttonAriaLabel'> & {
    inputWidth?: string | number;
    maxWidth?: string | number;
    inputSize?: Exclude<Size, 'xl'>;
    variant?: InputVariant;
    result?: T[];
    resultKeys?: Array<Extract<keyof T, string>>;
    resultTemplate?: React.ReactNode;
    debounce?: boolean;
    debounceMs?: number;
    onSearch?: (query: string) => void;
    onSelect?: (item: T) => void;
    displayPopover?: boolean;
    initialTemplate?: React.ReactNode;
    /**
     * When true, the popover only ever shows `initialTemplate` (on an empty
     * field) and never opens once there's a query - for a box with no live
     * results/resultTemplate of its own (e.g. one that just navigates via a
     * URL param), so it doesn't pop open an empty dropdown while typing.
     */
    initialTemplateOnly?: boolean;
    noResultText?: string;
    popoverMinWidth?: string;
    loading?: boolean;
    enableHotkey?: boolean;
    fullWidth?: boolean;
    onButtonClick?: () => void;
    buttonLabel?: string;
    buttonIcon?: React.ReactNode;
    buttonAriaLabel?: string;
};
type SearchBoxComponent = <T extends Record<string, unknown>>(props: SearchBoxProps<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
export declare const SearchBox: SearchBoxComponent;
export {};