<script setup lang="ts">
/**
 * 文件职责：成本明细删除确认弹窗。
 */
import { Modal } from 'ant-design-vue';

interface Props {
  itemName?: string;
  open: boolean;
}

defineProps<Props>();

const emit = defineEmits<{
  (event: 'cancel'): void;
  (event: 'confirm'): void;
}>();
</script>

<template>
  <Modal
    :open="open"
    title="删除明细"
    ok-text="确认删除"
    ok-type="danger"
    cancel-text="取消"
    @cancel="emit('cancel')"
    @ok="emit('confirm')"
  >
    <p class="fc-delete-tip">
      确认删除明细项
      <strong>{{ itemName || '未命名项' }}</strong>
      吗？删除后需重新保存才会生效。
    </p>
  </Modal>
</template>
