<template>
  <UModal :open="open" title="Version wiederherstellen" @update:open="$emit('update:open', $event)">
    <template #body>
      <div class="space-y-2">
        <p>
          Möchten Sie Version <strong>v{{ versionNumber }}</strong> wirklich wiederherstellen?
        </p>
        <p class="text-sm text-gray-600">
          Dies erstellt eine neue Version mit dem Inhalt der ausgewählten Version. Die aktuelle Version und alle
          Änderungen bleiben in der Historie erhalten.
        </p>
      </div>
    </template>
    <template #footer>
      <UButton label="Abbrechen" color="neutral" variant="outline" @click="$emit('update:open', false)" />
      <UButton label="Wiederherstellen" color="primary" :loading="loading" @click="$emit('confirm')" />
    </template>
  </UModal>
</template>

<script setup lang="ts">
defineProps<{
  open: boolean
  versionNumber: number
  loading?: boolean
}>()

defineEmits<{
  (e: 'update:open', value: boolean): void
  (e: 'confirm'): void
}>()
</script>
