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

	let { wordmark = false, class: className = "" }: Props = $props();
</script>

{#if wordmark}
	<img src="/logos/logotype.svg" alt="tangled" class={`h-8 dark:invert ${className}`} />
{:else}
	<img src="/logos/dolly.svg" alt="tangled" class={`size-8 ${className}`} />
{/if}
