<script setup lang="ts">
import { AlertDialogAction, type AlertDialogActionProps } from 'radix-vue'
import { cn } from '@/lib/utils'

const props = defineProps<AlertDialogActionProps & { class?: string }>()
</script>

<template>
  <AlertDialogAction
    v-bind="props"
    :class="cn(
      'inline-flex items-center justify-center rounded bg-primary text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 uppercase',
      props.class,
    )"
    style="font-weight: 500; font-size: 13px; line-height: 18px; padding: 4px 8px;"
  >
    <slot />
  </AlertDialogAction>
</template>
