<template>
  <section class="text-center p-6">
    <h2 class="text-3xl font-bold text-blue-700">Terima Kasih 💖</h2>
    <p class="text-gray-700 mt-4">
      Terima kasih atas doa dan kehadiran Bapak/Ibu/Saudara/i dalam acara khitanan
      <strong>{{ childName }}</strong>.
    </p>

    <div v-if="jsonData.rekening_1" class="mt-6">
      <p class="font-semibold text-gray-800">💳 Rekening Hadiah</p>
      <p class="text-blue-700">{{ jsonData.rekening_1 }}</p>
    </div>

    <p class="text-gray-500 mt-8 italic">Wassalamu’alaikum Wr. Wb.</p>
  </section>
</template>

<script setup>
defineProps({
  childName: String,
  jsonData: Object
})
</script>
