<script lang="ts">
	import type { Snippet } from 'svelte';

	interface Props {
		text: string;
		icon?: Snippet;
	}

	let { text, icon }: Props = $props();
</script>

<div class="flex items-center rounded-sm p-0.5 text-zinc-300">
	{@render icon?.()}
	<span>{text}</span>
</div>
