<script lang="ts">
  const { title, children }: { title: string; children: any } = $props();
</script>

<div class="w-full self-start">
  <h2 class="text-2xl md:text-4xl text-primary">{title}</h2>
  <p class="text-sm md:text-lg text-base-content m-2">
    {@render children()}
  </p>
</div>
