<script setup lang="ts">
const props = defineProps<{ layoutSettings?: LayoutSettings }>();
const { base, inner } = useLayoutWrapper(props.layoutSettings);
</script>

<template>
  <section :class="base()">
    <div :class="inner()">
      <slot />
    </div>
  </section>
</template>
