File size: 2,408 Bytes
249ca00 5e52bd7 249ca00 5e52bd7 249ca00 5e52bd7 249ca00 5e52bd7 249ca00 5e52bd7 249ca00 5e52bd7 249ca00 5e52bd7 249ca00 5e52bd7 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | import { Language, translations } from "../lib/translations";
type Props = {
proposal: string;
lang: Language;
};
export default function ProposalDraft({ proposal, lang }: Props) {
const t = translations[lang];
return (
<div className="space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-300">
<div className="glass-card rounded-[2rem] p-8 border border-white/10 relative overflow-hidden">
<div className="absolute top-0 right-0 w-32 h-32 bg-purple-500/10 blur-[60px]" />
<h2 className="text-2xl font-bold text-white mb-2">{t.proposalDraft}</h2>
<p className="text-slate-500 text-sm">{lang === 'es' ? 'Marco de trabajo generado automáticamente basado en el consenso de agentes expertos.' : 'Automatically generated framework based on expert agent consensus.'}</p>
</div>
<div className="glass-card rounded-[2.5rem] border border-white/5 bg-slate-950/40 p-10 text-slate-300 min-h-[500px] shadow-2xl">
{proposal ? (
<div className="prose prose-invert max-w-none">
<div className="flex items-center justify-between mb-8 pb-4 border-b border-white/5">
<span className="text-[10px] font-black uppercase tracking-widest text-purple-400">{lang === 'es' ? 'Documento de Estrategia Generado' : 'Generated Strategy Document'}</span>
<button
onClick={() => {
navigator.clipboard.writeText(proposal);
alert(lang === 'es' ? "¡Copiado!" : "Copied!");
}}
className="text-[10px] font-black uppercase tracking-widest text-slate-500 hover:text-white transition"
>
{lang === 'es' ? 'Copiar Texto' : 'Copy Text'} 📋
</button>
</div>
<pre className="whitespace-pre-wrap break-words text-slate-100 font-serif leading-relaxed text-lg italic">
{proposal}
</pre>
</div>
) : (
<div className="flex flex-col items-center justify-center h-full text-slate-500 py-20">
<div className="text-4xl mb-4 opacity-20">📝</div>
<p className="text-sm font-medium">{lang === 'es' ? 'Ejecuta un análisis especializado para generar una propuesta personalizada.' : 'Run a specialized analysis to generate a custom proposal.'}</p>
</div>
)}
</div>
</div>
);
}
|