import { FileText, Info } from 'lucide-react';

import { ESA_FUNDING_STATIC_COPY } from '@/shared/constants/esaFunding';
import type { EsaFundingContent } from '@/shared/types/esaFunding';

interface EsaFundingQuickReferenceProps {
  readonly content: EsaFundingContent;
}

export function EsaFundingQuickReference({ content }: EsaFundingQuickReferenceProps) {
  if (!content.parentConversationScript) {
    return null;
  }

  return (
    <section className="bg-gradient-to-r from-slate-800/80 to-slate-800/60 rounded-2xl p-6 border border-slate-700/50">
      <div className="flex items-center gap-2 mb-4">
        <FileText size={20} className="text-emerald-400" />
        <h3 className="font-bold text-white">Quick Reference for Parent Conversations</h3>
      </div>
      <div className="bg-slate-900/60 rounded-xl p-5 border border-slate-700/40">
        <p className="text-sm text-slate-300 italic leading-relaxed mb-4">{ESA_FUNDING_STATIC_COPY.parentConversationIntro}</p>
        <div className="bg-emerald-500/10 rounded-xl p-4 border border-emerald-500/20">
          <p className="text-sm text-emerald-100 leading-relaxed">{content.parentConversationScript}</p>
        </div>
        <div className="mt-4 flex items-center gap-2 text-xs text-slate-500">
          <Info size={14} />
          <span>{ESA_FUNDING_STATIC_COPY.parentConversationFooter}</span>
        </div>
      </div>
    </section>
  );
}
