/**
 * RichQuerySuggestions Component
 *
 * Advanced multi-section dropdown with:
 * - Suggestions with categories
 * - Trending searches
 * - Recent searches
 * - Top searches (popular)
 * - Related searches
 * - Configurable sections
 * - Rich styling options
 */
import React from 'react';
import type { SuggestionItem, RecentSearch, TrendingSearch, SuggestionCategory, QuerySuggestionsClassNames, QuerySuggestionsEventHandlers, DropdownSectionConfig } from '@seekora-ai/ui-sdk-types';
export interface RichQuerySuggestionsProps extends QuerySuggestionsEventHandlers {
    /** Current query string */
    query: string;
    /** Whether the dropdown is visible */
    isOpen?: boolean;
    /** Section configuration */
    sections?: DropdownSectionConfig[];
    /** Maximum suggestions per section */
    maxSuggestionsPerSection?: number;
    /** Minimum query length */
    minQueryLength?: number;
    /** Debounce delay in ms */
    debounceMs?: number;
    /** Include dropdown recommendations from API */
    includeDropdownRecommendations?: boolean;
    /** When false, omit product hits list from dropdown (default true) */
    includeDropdownProductList?: boolean;
    /** When false, omit filtered_tabs from dropdown (default true) */
    includeFilteredTabs?: boolean;
    /** Include categories in suggestions */
    includeCategories?: boolean;
    /** Max categories per suggestion */
    maxCategories?: number;
    /** Show suggestion counts */
    showCounts?: boolean;
    /** Show category counts */
    showCategoryCounts?: boolean;
    /** Show section headers */
    showSectionHeaders?: boolean;
    /** Custom class names */
    classNames?: QuerySuggestionsClassNames;
    /** Custom CSS styles */
    style?: React.CSSProperties;
    /** Custom render for suggestion */
    renderSuggestion?: (suggestion: SuggestionItem, isActive: boolean) => React.ReactNode;
    /** Custom render for category pill */
    renderCategory?: (category: SuggestionCategory) => React.ReactNode;
    /** Custom render for trending item */
    renderTrendingItem?: (item: TrendingSearch, index: number) => React.ReactNode;
    /** Custom render for recent item */
    renderRecentItem?: (item: RecentSearch) => React.ReactNode;
    /** Custom header content */
    header?: React.ReactNode;
    /** Custom footer content */
    footer?: React.ReactNode;
    /** Dropdown width */
    width?: string | number;
    /** Dropdown max height */
    maxHeight?: string | number;
    /** Z-index */
    zIndex?: number;
    /** ARIA label */
    ariaLabel?: string;
    /** Analytics tags */
    analyticsTags?: string[];
    /** Highlight options for query suggestions (passed to highlight rendering) */
    highlightOptions?: {
        highlightColor?: string;
        highlightTextColor?: string;
        highlightFontWeight?: string | number;
        highlightStyle?: 'background' | 'underline' | 'bold' | 'color-only';
    };
}
export interface RichQuerySuggestionsRef {
    getActiveIndex: () => number;
    setActiveIndex: (index: number) => void;
    selectActive: () => void;
    navigateNext: () => void;
    navigatePrevious: () => void;
    getTotalItems: () => number;
}
export declare const RichQuerySuggestions: React.ForwardRefExoticComponent<RichQuerySuggestionsProps & React.RefAttributes<RichQuerySuggestionsRef>>;
export default RichQuerySuggestions;
//# sourceMappingURL=RichQuerySuggestions.d.ts.map