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

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

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