<script lang="ts">
	import { cn } from "$lib/utils";

	interface Props {
		cls?: string;
		intent?: "white" | "base";
	}

	let { cls = "w-auto h-10 lg:h-12 xl:h-14", intent }: Props = $props();

	const logos = {
		base: "/assets/logos/logo-main.svg",
		white: "/assets/logos/logo-washed.svg",
	};
</script>

{#if intent === "white"}
	<img src={logos.white} alt="Logo" class={cn("object-contain", cls)} />
{:else}
	<img src={logos.base} alt="Logo" class={cn("object-contain", cls)} />
{/if}
