<template>
  <Layout>
    <template #default>
      <div class="page-wrapper">
        <slot />
      </div>
    </template>
    <template v-if="$slots.footer" #footer>
      <slot name="footer" />
    </template>
  </Layout>
</template>

<script setup>
import Layout from '@/components/Layout/index.vue';

defineOptions({
  name: 'PageLayout',
});
</script>

<style scoped lang="scss">
.page-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
</style>
