blob: bdcbd75d3b260a32f62ad124ffdb6b5b58f89885 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script lang="ts">
import Bookmark from '$lib/icons/Bookmark.svelte';
import type { MouseEventHandler } from 'svelte/elements';
interface Props {
bookmarked: boolean;
onclick: MouseEventHandler<HTMLButtonElement>;
}
let { bookmarked, onclick }: Props = $props();
</script>
<button type="button" title="Toggle bookmark" class="flex text-base" {onclick}>
<Bookmark hoverable {bookmarked} />
</button>
|