import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
export function ProgressUpdateRenderer({ contentJson }) {
    const result = contentJson.result || {};
    const message = String(result.message || 'Processing...');
    const stage = result.stage ? String(result.stage) : undefined;
    const pct = result.pct ? Number(result.pct) : undefined;
    return (_jsxs("div", { className: "flex items-center gap-2 text-sm text-violet-700 dark:text-violet-300 animate-pulse", children: [stage && _jsxs("span", { className: "text-muted-foreground/80", children: ["[", stage, "]"] }), _jsx("span", { children: message }), pct !== undefined && (_jsxs("span", { className: "text-muted-foreground/80", children: ["(", pct, "%)"] }))] }));
}
//# sourceMappingURL=ProgressUpdateRenderer.js.map