<script setup lang="ts">
import LayoutFeature from './feature/index.vue'

import { createNamespace } from '~/utils'

const { bem } = createNamespace('main')
</script>

<template>
  <LayoutFeature />
  <main :class="bem()" class="h-full w-full p-6">
    <slot />
  </main>
</template>

<style scoped>
.main {
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
}
</style>
