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

    <!-- description (optional) -->
    <p
        v-if="text"
        class="text-lg pb-4">
      {{ text }}
    </p>

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

<script setup lang="ts">
const props = defineProps<{
  title: string,
  text?: string
}>()

</script>
