<template>
    <div
        class="fixed inset-0 flex items-center justify-center z-50 bg-darkVeryTransparent backdrop-blur-sm"
        @click="$emit('close-window')">
        <div
            id="dialogBox"
            class="bg-white rounded-lg w-full max-w-[800px] fixed inset-x-0 bottom-0 z-50 mb-4 mx-4 relative shadow-lg"
            @click.stop>

            <slot />

        </div>
    </div>
</template>

<script>
export default {
    name: 'DialogBox',
    emits: ['close-window'],
}
</script>