import type { ToolCall } from "../data/types";
import styles from "./ToolCallBadge.module.css";

interface Props {
	toolCall: ToolCall;
}

export default function ToolCallBadge({ toolCall }: Props) {
	const argsPreview = (() => {
		try {
			return JSON.stringify(toolCall.arguments);
		} catch {
			return "{}";
		}
	})();

	return (
		<span className={styles.badge} title={toolCall.name}>
			<span className={styles.icon}>&#9881;</span>
			{toolCall.name}({argsPreview})
		</span>
	);
}