frontend/components/ProposalDraft.tsx

type Props = {
  proposal: string;
};

export default function ProposalDraft({ proposal }: Props) {
  return (
    <div className="space-y-6">
      <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6">
        <h2 className="text-2xl font-semibold text-white">Proposal Draft</h2>
        <p className="mt-3 text-slate-400">Este borrador se genera automáticamente una vez que se completa el análisis del tender.</p>
      </div>
      <div className="rounded-3xl border border-slate-800 bg-slate-900/80 p-6 text-slate-200">
        <pre className="whitespace-pre-wrap break-words text-slate-100">{proposal || "Run agent analysis to generate a proposal draft."}</pre>
      </div>
    </div>
  );
}