<template>
  <div class="page-frame">
    <section class="max-box" :class="sectionClass">
      <slot />
    </section>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  sectionClass?: string
}>()
</script>

<style scoped lang="scss">
.page-frame {
  display: flex;
  min-height: 0;
  width: 100%;
  flex: 1;
  flex-direction: column;
  padding: 16px 64px;
}
</style>
