<script lang="ts">
import LanguageSwitcher from '$lib/components/LanguageSwitcher.svelte';
</script>

<header class="bg-header">
	<div class="h-1 bg-accent"></div>
	<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
		<div class="flex h-16 items-center justify-between">
			<a href="/" class="flex items-center" aria-label="Familienarchiv">
				<span class="font-sans text-sm font-bold tracking-widest text-white uppercase"
					>Familienarchiv</span
				>
			</a>
			<div class="flex items-center gap-1">
				<LanguageSwitcher inverted />
			</div>
		</div>
	</div>
</header>
