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

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