<template>
    <div id="page-container">
        <div
            id="page-content"
            style="padding: 20px; padding-bottom: 50px; min-height: 100vh"
        >
            <slot />
        </div>
    </div>
</template>

<style>
/* Page Transition Animation */
body.page-transition #page-content {
    opacity: 0;
}
</style>

<style scoped>
/* Page Transition Animation */
#page-content {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
</style>
