18 lines
399 B
Svelte
18 lines
399 B
Svelte
|
<script lang="ts">
|
||
|
|
interface Props {
|
||
|
|
onclick: () => void;
|
||
|
|
icon: string;
|
||
|
|
label: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
let { onclick, icon, label }: Props = $props();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<button
|
||
|
|
{onclick}
|
||
|
|
aria-label={label}
|
||
|
|
class="w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center hover:bg-primary/20 transition-colors cursor-pointer"
|
||
|
|
>
|
||
|
|
<span class={icon + " w-4 h-4 text-primary"}></span>
|
||
|
|
</button>
|