<script lang="ts">
	interface Props {
		href?: string;
		label?: string;
		class?: string;
	}

	let { href = '/', label = 'Home', class: className = '' }: Props = $props();
</script>

<a
	{href}
	class="inline-flex items-center gap-1 text-sm text-theme-muted transition-colors hover:text-theme {className}"
>
	<svg class="h-4 w-4" style="fill: none" stroke="currentColor" viewBox="0 0 24 24">
		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
	</svg>
	{label}
</a>
