<script lang="ts">
	interface Props {
		orphaned?: boolean;
		hoverable?: boolean;
	}

	let { orphaned, hoverable = false }: Props = $props();
</script>

{#if orphaned}
	<span class:hoverable class="icon-gray icon-base icon-[material-symbols--fmd-bad]"></span>
{:else}
	<span class:hoverable class="icon-gray icon-base dim icon-[material-symbols--fmd-bad-outline]"
	></span>
{/if}
