import type { ReactNode } from "react";
import { parseContent } from "../lib/parseContent";

/** Render a message body into its plain-text segments only. `<action>` /
 *  `<narration>` blocks are NOT rendered inline here — they are peeled out by
 *  `splitBubble` and shown as attachment notes outside the bubble. */
export function renderContent(content: string): ReactNode[] {
  return parseContent(content)
    .filter((part) => part.type === "text")
    .map((part, i) => <span key={i}>{part.text}</span>);
}