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

<template>
  <div class="flex items-center justify-center">
    <h2
      class="dark-text-gradient pb-[2.5rem] text-center text-[1.75rem] font-bold sm:text-[2rem] md:text-[2.5rem]"
    >
      {{ props.title }}
    </h2>
  </div>
</template>
