<template>
  <ConfirmDialog
    :open="open"
    :badge="badge"
    badge-tone="danger"
    :title="title"
    :description="description"
    size="destructive"
    actions-align="end"
    cancel-text="取消"
    confirm-text="确认删除"
    busy-text="删除中..."
    confirm-tone="danger"
    confirm-icon="mdi mdi-trash-can-outline"
    :busy="busy"
    @close="emit('close')"
    @confirm="emit('confirm')"
  />
</template>

<script setup>
import ConfirmDialog from '../shared/ConfirmDialog.vue'

defineProps({
  open: { type: Boolean, required: true },
  badge: { type: String, required: true },
  title: { type: String, required: true },
  description: { type: String, required: true },
  busy: { type: Boolean, required: true }
})

const emit = defineEmits(['close', 'confirm'])
</script>
