<template>
  <div v-if="open" class="modal-overlay" @click.self="$emit('close')">
    <div class="modal-card proof-modal-card">
      <div class="modal-head">
        <h3>{{ title }}</h3>
        <button class="btn btn-outline btn-xs" @click="$emit('close')">×</button>
      </div>
      <div class="proof-modal-image-wrap">
        <img class="proof-modal-image" :src="image" :alt="title" />
      </div>
    </div>
  </div>
</template>

<script setup>
defineProps({
  open: { type: Boolean, default: false },
  image: { type: String, default: '' },
  title: { type: String, default: 'Proof' },
})

defineEmits(['close'])
</script>

