<template>
    <van-overlay :show="showOverlay" z-index="600" class-name="overlay-loading">
        <div class="loading-container">
            <van-loading type="circular" size="15vw"/>
        </div>
    </van-overlay>
</template>

<script>
    export default {
        props: {
            showOverlay: {
                type: Boolean,
                default: false,
            },
        },
        data() {
            return {}
        },
        methods: {},
        mounted() {
        },
    }
</script>
<style lang="scss">
    .overlay-loading {
        .loading-container {
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
</style>