/**
 * Parses suggestion text containing <mark>...</mark> and returns React nodes
 * with the marked segments rendered as styled elements. Safe: inner content
 * is rendered as text, not HTML.
 */
import React from 'react';
/** Visual highlight styles */
export type HighlightStyle = 'background' | 'underline' | 'bold' | 'color-only';
export interface HighlightMarkupOptions {
    /** Class name for the highlight element. */
    markClassName?: string;
    /** Inline style for the highlight element (merged with computed styles). */
    markStyle?: React.CSSProperties;
    /** Override background color for highlighted segments */
    highlightColor?: string;
    /** Text color for highlighted segments */
    highlightTextColor?: string;
    /** Font weight for highlighted segments */
    highlightFontWeight?: string | number;
    /** Visual highlight style (default: 'background') */
    highlightStyle?: HighlightStyle;
    /** Which HTML element to render for highlights (default: 'mark') */
    highlightTag?: keyof JSX.IntrinsicElements;
}
/**
 * Converts a string like "lined <mark>blue</mark>" into React nodes with
 * the marked part rendered as a styled element. When no <mark> tags are
 * present, returns the string as-is.
 */
export declare function parseHighlightMarkup(text: string, options?: HighlightMarkupOptions): React.ReactNode;
//# sourceMappingURL=highlightMarkup.d.ts.map