/**
 * @file ChatTokenizedText.tsx
 * @input Uses React, Badge, ChatComposerToken
 * @output Exports ChatTokenizedText component
 * @position Utility component for rendering tokenized text in message bubbles
 *
 * Parses a plain text string and replaces token values with inline badges.
 * Accepts the same ChatComposerToken type used by the input triggers,
 * so the same token definitions work for both input and display.
 *
 * SYNC: When modified, update:
 * - /packages/core/src/Chat/index.ts
 * - /packages/cli/assets/templates/blocks/components/ChatTokenizedText/ (block examples)
 */
import React from 'react';
import type { ChatComposerToken } from './ChatComposerInput';
import type { BaseProps } from '../BaseProps';
export interface ChatTokenizedTextProps extends BaseProps<HTMLSpanElement> {
    ref?: React.Ref<HTMLSpanElement>;
    /** The message text containing serialized token values */
    children: string;
    /**
     * Token definitions — same type returned by trigger onSelect.
     * Each token's `value` is matched against the text and replaced
     * with its badge representation (label, variant, icon).
     *
     * @example
     * ```
     * const mentionTokens = contacts.map(c => ({
     *   value: `@${c.id}`,
     *   label: `@${c.label}`,
     *   variant: 'blue' as const,
     * }));
     * <ChatTokenizedText tokens={mentionTokens}>
     *   {message.text}
     * </ChatTokenizedText>
     * ```
     */
    tokens?: ChatComposerToken[];
}
/**
 * Renders text with token values replaced by inline badges.
 *
 * Accepts the same `ChatComposerToken` type used by input triggers,
 * so you can share a single token definition between input and display.
 */
export declare function ChatTokenizedText({ ref, children, tokens, xstyle, className, style, ...rest }: ChatTokenizedTextProps): React.JSX.Element;
export declare namespace ChatTokenizedText {
    var displayName: string;
}
//# sourceMappingURL=ChatTokenizedText.d.ts.map