<template>
    <AppDesktopHeader />
    <PanelToolbar v-if="toolbar" />
    <slot />
    <AppDesktopFooter />
</template>

<script setup>
defineOptions({ inheritAttrs: false })
const { config } = useAttrs()
const { toolbar = false } = config.desktop || {}
</script>

<style lang="scss">
.p-dialog-mask {
    @apply z-10;

    .p-dialog {
        @apply m-0 rtl;

        .p-dialog-header {
            @apply hidden;
        }

        .p-dialog-content {
            @apply bg-transparent p-0 overflow-hidden overflow-y-auto lg:container rounded-none;
        }

    }


}
</style>