<script setup>
defineProps({
  title: {
    type: String,
    required: true
  }
})
</script>

<template>
  <details class="prose-toggle my-6 border border-line bg-paper p-5">
    <summary class="prose-toggle__summary cursor-pointer font-semibold">
      {{ title }}
    </summary>
    <div class="prose-toggle__body mt-4 text-muted">
      <slot />
    </div>
  </details>
</template>
