src/lib/components/model/ModelImageInput.svelte

<script lang="ts">
	import { Image } from '@lucide/svelte';

	import * as Tooltip from '$lib/components/ui/tooltip/index.js';
</script>

<Tooltip.Root delayDuration={0}>
	<Tooltip.Trigger>
		<span
			class="flex size-[18px] items-center justify-center rounded bg-indigo-500/10 text-xs text-indigo-500 dark:bg-indigo-500/20 dark:text-indigo-400"
		>
			<Image class="size-3" />
		</span>
	</Tooltip.Trigger>
	<Tooltip.Content>
		<p>This model supports image input.</p>
	</Tooltip.Content>
</Tooltip.Root>