<script lang="ts">
  import { Button } from '$lib/components/ui/button'
  import type { ButtonSize } from '$lib/components/ui/button'

  let {
    page,
    active,
    disabled = false,
    size = 'xs' as ButtonSize,
    onclick
  }: {
    page: number | string
    active?: boolean
    disabled?: boolean
    size?: ButtonSize
    onclick?: () => void
  } = $props()
</script>

<Button {size} variant={active ? 'default' : 'outline'} {disabled} {onclick}>
  {String(page)}
</Button>
