summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/components/OrganizedButton.svelte
blob: 3838f7d14dc4c74ce5a20e75428cbf76c6a6c42f (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script lang="ts">
	import Organized from '$lib/icons/Organized.svelte';
	import type { MouseEventHandler } from 'svelte/elements';

	interface Props {
		organized: boolean;
		onclick: MouseEventHandler<HTMLButtonElement>;
	}

	let { organized, onclick }: Props = $props();
</script>

<button type="button" title="Toggle organized" class="flex text-base" {onclick}>
	<Organized hoverable {organized} />
</button>