martials.no/src/components/collapse/Collapse.svelte

<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>