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

<template>
  <div class="flex flex-grow items-center justify-center bg-blue-50 min-h-96">
    <div class="w-full max-w-md rounded-lg bg-white p-6 text-center shadow-lg">
      <h1 class="mb-4 text-4xl font-bold text-gray-800">{{ title }}</h1>
      <p class="text-lg text-gray-600">
        {{ message }}
      </p>
    </div>
  </div>
</template>

<style scoped>

</style>