<script setup lang="ts">
import { AlertDialogContent as ShadcnAlertDialogContent } from '@/components/core/alert-dialog';
import {
  type UiAlertDialogContentProps,
  type UiAlertDialogContentEmits,
} from './types';

defineOptions({
  name: 'UiAlertDialogContent',
});

const props = defineProps<UiAlertDialogContentProps>();

const emit = defineEmits<UiAlertDialogContentEmits>();
</script>

<template>
  <ShadcnAlertDialogContent
    v-bind="props"
    @close-auto-focus="emit('closeAutoFocus', $event)"
    @open-auto-focus="emit('openAutoFocus', $event)"
    @focus-outside="emit('focusOutside', $event)"
    @interact-outside="emit('interactOutside', $event)"
    @pointer-down-outside="emit('pointerDownOutside', $event)"
    @escape-key-down="emit('escapeKeydown', $event)"
  >
    <slot />
  </ShadcnAlertDialogContent>
</template>
