'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ClipboardList } from 'lucide-react';
import { Badge } from '../../ui/badge.js';
function ProductDecisionCard({ item, index }) {
    return (_jsx("div", { className: "border-border rounded-lg border", children: _jsx("div", { className: "space-y-2 px-4 py-3", children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("span", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-bold", children: index + 1 }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-foreground text-sm leading-tight font-semibold", children: item.question }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx("p", { className: "text-muted-foreground min-w-0 truncate text-xs", children: item.selectedOption }), item.wasRecommended ? (_jsx(Badge, { className: "shrink-0 px-1.5 py-0 text-[10px] whitespace-nowrap", children: "AI Recommended" })) : null] })] })] }) }) }));
}
export function ProductDecisionsSummary({ data }) {
    const { questions } = data;
    if (questions.length === 0)
        return null;
    return (_jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ClipboardList, { className: "text-primary h-4 w-4" }), _jsx("h3", { className: "text-foreground text-sm font-bold", children: "Product Decisions" })] }), questions.map((item, i) => (_jsx(ProductDecisionCard, { item: item, index: i }, item.question)))] }));
}
