<script setup lang="ts">
withDefaults(
  defineProps<{ id: string; title: string; subtitle: string; pageBreak?: boolean }>(),
  { pageBreak: false },
);
</script>

<template>
  <section :id="id" :class="`py-16 border-b border-gray-100 last:border-b-0 ${pageBreak ? 'print-page-break' : ''}`">
    <div class="mb-10">
      <p class="text-xs font-bold uppercase tracking-[0.2em] text-[#00C853] mb-2">{{ subtitle }}</p>
      <h2 class="text-3xl font-bold text-gray-900 font-display">{{ title }}</h2>
    </div>
    <slot />
  </section>
</template>
