<!-- components/TransBlock.vue -->
<template>
  <div class="flex-1">
    <!-- title -->
    <h2 class="text-2xl font-bold mb-4">
      {{ t(`${i18nKey}.title`) }}
    </h2>

    <!-- description (optional) -->
    <p
        v-if="true"
        class="text-gray-700 text-lg pb-4">
      {{ t(`${i18nKey}.description`) }}
    </p>

    <!-- anything the parent puts in here -->
    <slot/>
  </div>
</template>

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

const {t, tm, rt} = useVariantData()
</script>
