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

<template>
  <main class="route-stub">
    <div class="route-stub__inner">
      <h1>{{ title }}</h1>
      <p>{{ description || 'This route has been reserved and will be migrated from the legacy site in a later batch.' }}</p>
    </div>
  </main>
</template>

<style scoped>
.route-stub {
  padding: 64px 20px;
}

.route-stub__inner {
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 12px 24px rgba(16, 37, 65, 0.08);
}
</style>
