<script lang="ts">
	import '$lib/styles/styles.css';
	import Article from '$lib/components/Article.svelte';
	let { data } = $props();

	$inspect(data.documents);
</script>

<header>
	<nav>
		<ul>
			<li><a href="#events">Événements</a></li>
			<li><a href="#archives">Archives</a></li>
			<li><a href="#">Déclaration de principes</a></li>
			<li><a href="#">bibliographie sélective</a></li>
		</ul>
	</nav>
	<h1>Alliances Transcoloniales</h1>
</header>

<section>
	<h2 id="events">Événements</h2>
	{#each data.documents as d}
		<Article document={d} />
	{/each}
	<h2 id="archives">Archives</h2>
</section>
