<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>
