<script>
	import { accelerator } from '$lib/Shortcuts';

	export let prominent = false;
</script>

<button
	type="button"
	class={prominent ? 'btn-rose' : 'btn-slate hover:bg-rose-700'}
	title="Delete forever"
	on:click
	use:accelerator={'Delete'}
>
	<span class="icon-base icon-[material-symbols--delete-forever]" />
</button>