import React from "react"; import { type TooltipProps } from "@vibe/tooltip"; import type VibeComponentProps from "../../types/VibeComponentProps"; export interface TextWithHighlightProps extends VibeComponentProps { /** * The text content to display. */ text?: string; /** * The term to highlight within the text. */ highlightTerm?: string; /** * The maximum number of highlighted terms allowed. */ limit?: number; /** * If true, the highlight search is case-insensitive. */ ignoreCase?: boolean; /** * If true, truncates overflowing text with an ellipsis. */ useEllipsis?: boolean; /** * If true, allows splitting the highlight term into separate words. */ allowTermSplit?: boolean; /** * The number of lines to display before truncating with an ellipsis. */ linesToClamp?: number; /** * Tooltip content displayed when there is no overflow. */ nonEllipsisTooltip?: string; /** * The HTML tag used to wrap highlighted text. */ wrappingTextTag?: keyof JSX.IntrinsicElements; /** * Class name applied to the wrapping element of highlighted text. */ wrappingElementClassName?: string; /** * Additional props to customize the tooltip component. */ tooltipProps?: Partial; } declare const TextWithHighlight: React.FC; export default TextWithHighlight;