<template>
  <main class="px-4 mt-4">
    <header v-if="title" class="font-bold uppercase mb-4 text-center">{{ title }}</header>
    <section>
      <slot></slot>
    </section>
  </main>
</template>

<script setup>
const props = defineProps({
  title: String,
});
</script>
