<script setup lang="ts">
// Plain <img> for the lightbox preview that still gets shared src resolution +
// HEIC conversion via useImageSrc. A bare <img> (not <Image>) is required here
// so the natural dimensions drive layout — <Image>'s framed mode renders an
// absolute-fill img that collapses the zoomer to 0×0.
import { useImageSrc } from '@bagelink/vue'

const props = defineProps<{ src?: string }>()
const { imageSrc } = useImageSrc(() => props.src)
</script>

<template>
	<img :draggable="false" :src="imageSrc" alt="Preview" class="lightbox-image">
</template>
