<script lang="ts">
  let {children, class: className, onClick} = $props();
</script>

<button class={`flex items-center gap-2 hover:bg-hyski-blue/10 px-2 py-1 rounded ${className}`} onclick={onClick}>
  {@render children?.()}
</button>

<!-- <style>
  @reference "../styles/global.css";

  button {
    @apply flex items-center gap-2 hover:bg-hyski-blue/10 px-2 py-1 rounded;
  }
</style> -->