<script lang="ts">

  interface Props {
    title?: string
    children: any
  }

  const { title = "", children }: Props = $props()
</script>

<details class="collapse collapse-arrow bg-base-200">
  <summary class="collapse-title text-xl font-medium">{title}</summary>
  <div class="collapse-content">
    {@render children()}
  </div>
</details>