<template>
  <div v-if="show" class="proof-overlay">
    <ProofPanel />
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { useNav } from '@slidev/client'

// 23 = full-screen proof panel takes over.
const HIDE_ON = [23]

const { currentSlideNo } = useNav()
const show = computed(() => !HIDE_ON.includes(currentSlideNo.value))
</script>

<style scoped>
.proof-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 50;
}
.proof-overlay > :deep(*) {
  pointer-events: auto;
}
</style>
