<script lang="ts">
import type { Snippet } from "svelte"

interface Props {
  title?: string
  children: Snippet
}

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>
