export interface FilterInputProps {
    value: string;
    onChange: (value: string) => void;
    placeholder?: string;
    className?: string;
    showSearchIcon?: boolean;
    showClearIcon?: boolean;
    disabled?: boolean;
    autoFocus?: boolean;
    loading?: boolean;
    size?: "sm" | "md" | "lg" | "xs";
    spinnerStyle?: React.CSSProperties;
    onClear?: () => void;
}
export declare const FilterInput: import("react").ForwardRefExoticComponent<FilterInputProps & import("react").RefAttributes<HTMLInputElement>>;
/**
 * Utility function to highlight matching text in search results
 * @param text - The text to highlight
 * @param filter - The filter string to match
 * @returns JSX elements with highlighted matches
 */
export declare const highlightMatch: (text: string, filter: string) => string | ("" | import("react/jsx-runtime").JSX.Element)[];
