/**
 * منابع مقاله (`sources` در پاسخ API) — سیگنال E-E-A-T که تا این تغییر اصلاً
 * رندر نمی‌شد. هر آیتم `{ url, title }` است؛ آیتم بدون url رد می‌شود.
 *
 * لینک‌ها `nofollow` می‌گیرند: منبع بیرونی تأیید ما را همراه ندارد.
 */
function Sources({ data }) {
  const items = (Array.isArray(data?.sources) ? data.sources : []).filter(
    (s) => s?.url
  );

  if (items.length === 0) return null;

  return (
    <section className="mt-[16px] sm:mt-[20px] md:mt-[24px]">
      <h2 className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold mb-[12px] md:mb-[16px]">
        منابع
      </h2>
      <ul className="flex flex-col gap-[6px] md:gap-[8px] list-disc pr-[18px]">
        {items.map((item, idx) => (
          <li key={`${item.url}-${idx}`} className="text-[#525252] text-[12px] md:text-[14px]">
            <a
              href={item.url}
              target="_blank"
              rel="nofollow noopener noreferrer"
              className="hover:text-[#3B3B3B] break-all"
            >
              {item.title || item.url}
            </a>
          </li>
        ))}
      </ul>
    </section>
  );
}

export default Sources;