<script setup lang="js">
defineProps(['image'])
const emit = defineEmits(['close'])
</script>

<template>
  <div class="flex justify-center items-center z-10 min-h-dvh w-full bg-black/30 backdrop-blur-sm">
    <button
      class="bg-slate-100 text-slate-700 absolute top-2 right-2 font-mono cursor-pointer text-2xl p-1.5 rounded-lg"
      @click="emit('close')"
    >
      Close
    </button>
    <img :src="image" alt="" class="max-w-full max-h-dvh p-16 rounded-sm" />
  </div>
</template>
