import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { CheckCircle2, Circle, ArrowRight, XCircle } from 'lucide-react';
export function TodosRenderer({ contentJson }) {
    const result = (contentJson.result || {});
    const items = result.items || [];
    const note = result.note;
    return (_jsx("div", { className: "text-xs", children: _jsxs("div", { className: "bg-blue-500/10 border border-blue-500/30 dark:bg-blue-500/5 dark:border-blue-500/20 rounded-lg p-3 space-y-2", children: [note && (_jsx("div", { className: "text-blue-700 dark:text-blue-300 text-sm font-medium mb-3", children: note })), _jsx("div", { className: "space-y-1.5", children: items.map((item, idx) => (_jsxs("div", { className: "flex items-start gap-2", children: [item.status === 'completed' && (_jsx(CheckCircle2, { className: "h-4 w-4 text-emerald-600 dark:text-emerald-300 flex-shrink-0 mt-0.5" })), item.status === 'in_progress' && (_jsx(ArrowRight, { className: "h-4 w-4 text-blue-700 dark:text-blue-300 flex-shrink-0 mt-0.5 animate-pulse" })), item.status === 'pending' && (_jsx(Circle, { className: "h-4 w-4 text-muted-foreground flex-shrink-0 mt-0.5" })), item.status === 'cancelled' && (_jsx(XCircle, { className: "h-4 w-4 text-muted-foreground/50 flex-shrink-0 mt-0.5" })), _jsx("span", { className: `text-sm ${item.status === 'completed'
                                    ? 'text-muted-foreground line-through'
                                    : item.status === 'in_progress'
                                        ? 'text-foreground'
                                        : item.status === 'cancelled'
                                            ? 'text-muted-foreground/50 line-through'
                                            : 'text-muted-foreground/80'}`, children: item.step })] }, `${item.step}-${idx}`))) })] }) }));
}
//# sourceMappingURL=TodosRenderer.js.map