<script lang="ts">
	export let organized: boolean | undefined = undefined;
	export let hoverable = false;
	export let tristate = false;
	export let dim = false;
</script>

{#if organized}
	<span class:hoverable class="icon-gray icon-base icon-[material-symbols--check-circle]" />
{:else if organized === undefined || !tristate}
	<span
		class:hoverable
		class="icon-gray dim icon-base icon-[material-symbols--check-circle-outline]"
	/>
{:else}
	<span
		class:hoverable
		class:dim
		class="icon-gray icon-base icon-[material-symbols--unpublished]"
	/>
{/if}
