<template>
  <div class="mb-8 p-6 md:p-8">
    <h3 class="text-xl font-normal">{{ props.title }}</h3>
    <h2 class="mb-6 text-xl font-bold">
      {{ props.text }}
    </h2>
    <slot></slot>
  </div>
</template>

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