<template>
    <div v-if="modelValue" class="position-absolute w-100 h-100 d-flex justify-content-center align-items-center"
        style="background: rgba(255,255,255,0.8); top: 0; left: 0; z-index: 9999; pointer-events: all;">
        <div class="spinner-border text-primary" role="status">
            <span class="visually-hidden">Loading...</span>
        </div>
    </div>
</template>

<script setup>
defineProps({
    modelValue: {
        type: Boolean,
        default: false
    }
})
</script>