import React, { Ref } from "react";
import { ContentMessageProps } from "../components/ContentMessage";
export interface SearchInputProps {
    placeholder?: string;
    value: string | null;
    onChange: (value: string) => void;
    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
    onFocus?: () => void;
    name: string;
    disabled?: boolean;
    isLoading?: boolean;
    className?: string;
}
export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
export declare const SearchInputWithPopover: <T>(props: SearchInputProps & {
    contentClassName?: string | undefined;
    open: boolean;
    onOpenChange: (open: boolean) => void;
    mountPortal?: boolean | undefined;
    mountPortalContainer?: HTMLElement | undefined;
    items: T[];
    renderItem: (item: T, selected: boolean) => React.ReactNode;
    onItemSelect?: ((item: T) => void) | undefined;
    onSelectAll?: (() => void) | undefined;
    noResults?: string | undefined;
    isLoading?: boolean | undefined;
    contentMessage?: ContentMessageProps | undefined;
    displayItemCount?: boolean | undefined;
    totalItems?: number | undefined;
} & {
    ref?: Ref<HTMLInputElement> | undefined;
}) => React.JSX.Element;
//# sourceMappingURL=SearchInput.d.ts.map