import React from "react";
import { ActionEvent } from "#/types/v1/core";
import { ChatMessage } from "../../../features/chat/chat-message";

interface ThoughtEventMessageProps {
  event: ActionEvent;
  actions?: Array<{
    icon: React.ReactNode;
    onClick: () => void;
    tooltip?: string;
  }>;
}

export function ThoughtEventMessage({
  event,
  actions,
}: ThoughtEventMessageProps) {
  // Extract thought content from the action event
  const thoughtContent = event.thought
    .filter((t) => t.type === "text")
    .map((t) => t.text)
    .join("\n");

  // If there's no thought content, don't render anything
  if (!thoughtContent) {
    return null;
  }

  return (
    <ChatMessage type="agent" message={thoughtContent} actions={actions} />
  );
}
