<script setup>
import { computed } from 'vue'
import { usePage } from '@inertiajs/vue3'
import PageHeader from '@/Components/PageHeader.vue'

const page = usePage()

const pageTitle = computed(() => {
  return page.props?.title || ''
})
</script>

<template>
  <div class="min-h-screen flex flex-col">
    <PageHeader :title="pageTitle" />
    <main class="flex-1">
      <slot />
    </main>
  </div>
</template>
