<script lang="ts">
	import Button from '../atoms/Button.svelte';

	type Props = {
		years: Year[];
	};

	let { years }: Props = $props();
</script>

<div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
	<div class="flex items-center gap-2">
		<Button variant="secondary" href="/">Prezenty tego roku</Button>
		{#each years as year}
			<Button href={`/rok/${year.year}`} variant="secondary">
				{year.year}
			</Button>
		{/each}
	</div>
</div>
