Files
gift-tracker-sv/src/lib/components/molecules/YearNav.svelte

21 lines
487 B
Svelte

<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>