<template>
  <h1 class="text-center">{{ data?.title }}</h1>
  <p v-if="data?.description" class="text-center text-[#5c5c5c]">{{ data?.description }}</p>
</template>

<script setup lang="ts">
import type { PropType } from "vue";
import type DynamicZoneSection from "../../types/component/dynamic-zone/section";

defineProps({
  data: Object as PropType<DynamicZoneSection>,
});
</script>