<template>
  <section class="document-section">
    <header class="document-section-head">
      <span class="document-section-index">{{ index }}</span>
      <strong>{{ title }}</strong>
    </header>

    <div class="document-section-grid">
      <slot />
    </div>
  </section>
</template>

<script setup>
defineProps({
  index: {
    type: [Number, String],
    required: true
  },
  title: {
    type: String,
    required: true
  }
});
</script>
