import { Link } from '@inertiajs/react';
import type { EducationalArticle } from './educational-article-card';

/** Guides remain available on request; they are not matching investment results. */
export default function CatalogueGuideLinks({
    articles,
}: {
    articles: EducationalArticle[];
}) {
    if (!articles.length) return null;
    return (
        <details className="rounded border p-3">
            <summary className="cursor-pointer font-medium">
                Guias do sector — apoio opcional
            </summary>
            <ul className="mt-3 space-y-2">
                {articles.map((article) => (
                    <li key={article.href}>
                        <Link className="underline" href={article.href}>
                            Ler guia: {article.title}
                        </Link>
                    </li>
                ))}
            </ul>
        </details>
    );
}