---
import { getCollection, getEntry } from "astro:content";
import NewsCard from "../cards/NewsCard.astro";
const newsItems = await getCollection("news");
---
<div id="news" class="bg-[#22523F] py-20">
    <div class="container mx-auto">
    <h4 class="text-white text-2xl uppercase font-bold text-center mb-4 font-primary">Noticias</h4>
    <h2 class="text-white text-6xl font-bold text-center font-secondary mb-4">Actualidad institucional y proyección internacional</h2>

    <div class="grid grid-cols-3 gap-20">
    {
		newsItems.map((item) => (
            <NewsCard data={item} />
		))
	}
    </div>
    </div>
</div>