/**
 * SuggestionItem – single text suggestion row (primitive)
 *
 * Highlights when isActive; onClick calls context selectSuggestion.
 * When enableHighlightMarkup is true (default), parses <mark>...</mark> in
 * suggestion text and renders as highlighted <mark> elements. Overridable via
 * renderHighlight, className/style.
 */
import React from "react";
import type { SuggestionItem as SuggestionItemType } from "@seekora-ai/ui-sdk-types";
import type { HighlightMarkupOptions } from "./highlightMarkup";
export interface SuggestionItemProps {
    suggestion: SuggestionItemType;
    index: number;
    isActive: boolean;
    onSelect: () => void;
    className?: string;
    style?: React.CSSProperties;
    /**
     * When true (default), text containing <mark>...</mark> is rendered with
     * those segments as highlighted <mark> elements. When false, plain query
     * text is shown with no markup parsing.
     */
    enableHighlightMarkup?: boolean;
    /** Options for the default highlight <mark> styling when enableHighlightMarkup is true. */
    highlightMarkupOptions?: HighlightMarkupOptions;
    /** Custom renderer for suggestion text; overrides default highlight parsing when provided. */
    renderHighlight?: (text: string) => React.ReactNode;
}
export declare function SuggestionItem({ suggestion, index, isActive, onSelect, className, style, enableHighlightMarkup, highlightMarkupOptions, renderHighlight, }: SuggestionItemProps): React.JSX.Element;
//# sourceMappingURL=SuggestionItem.d.ts.map