<template>
    <div :class="`relative bg-slate-900/50 ${className}`">
        <!-- 占位提示 - BrowserView 会覆盖在上层 -->
        <div class="absolute inset-0 flex flex-col items-center justify-center p-6 pointer-events-none">
            <div class="text-center pointer-events-auto">
                <p class="text-sm text-slate-500 mb-4">
                    BrowserView 将显示在此处
                </p>
            </div>
        </div>

        <!-- 边框装饰 -->
        <div class="absolute inset-2 rounded-xl border border-dashed border-slate-700/30 pointer-events-none" />
    </div>
</template>

<script setup>
defineProps({
    className: {
        type: String,
        default: ''
    }
})
</script>
