<script setup lang="ts">
import { cn } from '@/lib/utils'

const props = defineProps<{
  onClick: () => void
  ariaLabel?: string
  class?: string
}>()
</script>

<template>
  <button
    type="button"
    :class="cn(
      'babylai:bg-card babylai:text-card-foreground babylai:h-6 babylai:w-8 babylai:rounded-full babylai:flex babylai:items-center babylai:justify-center babylai:font-bold babylai:text-base babylai:cursor-pointer babylai:border-0',
      props.class
    )"
    :aria-label="ariaLabel"
    @click="onClick"
  >
    <slot />
  </button>
</template>
