blob: 4659e13f9bdb145ea2db389a71e780ce28ee7001 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<script lang="ts">
import { accelerator } from '$lib/Shortcuts';
import type { MouseEventHandler } from 'svelte/elements';
interface Props {
prominent?: boolean;
onclick: MouseEventHandler<HTMLButtonElement>;
}
let { prominent = false, onclick }: Props = $props();
</script>
<button
type="button"
class:prominent
class="[&.prominent]:btn-rose btn-slate hover:bg-rose-700"
title="Delete forever"
aria-label="Delete forever"
{onclick}
use:accelerator={'Delete'}
>
<span class="icon-base icon-[material-symbols--delete-forever]"></span>
</button>
|
