<script lang="ts">
	import { accelerator } from '$lib/Shortcuts';
	import type { MouseEventHandler } from 'svelte/elements';

	let { onclick }: { onclick: MouseEventHandler<HTMLButtonElement> } = $props();
</script>

<button
	type="button"
	class="btn-rose"
	title="Remove selected pages"
	aria-label="Remove selected pages"
	{onclick}
	use:accelerator={'Delete'}
>
	<span class="icon-base icon-[material-symbols--scan-delete]"></span>
</button>