<script setup lang="ts">
const props = defineProps<{
  open: boolean
  currentVersion?: string
}>()
const emit = defineEmits<{ close: []; reload: [] }>()
</script>

<template>
  <dialog :open="props.open" aria-labelledby="version-conflict-title">
    <h2 id="version-conflict-title">버전 충돌</h2>
    <p>다른 사용자가 먼저 변경했습니다. 최신 데이터를 다시 불러온 뒤 재검토하세요.</p>
    <p v-if="props.currentVersion">현재 버전: {{ props.currentVersion }}</p>
    <button type="button" @click="emit('reload')">최신 버전 불러오기</button>
    <button type="button" @click="emit('close')">닫기</button>
  </dialog>
</template>
