<script lang="ts">
	import HeadToHeadCell from '$lib/components/HeadToHeadCell.svelte';
	import type { PageData } from './$types';
	let { data }: { data: PageData } = $props();
	console.debug(data);
</script>

<div class="flex">
	{#each data.rounds as round}
		<div class="min-w-36">
			{#each round as match}
				<HeadToHeadCell playerSet={match} />
			{/each}
		</div>
	{/each}
</div>
