<script lang="ts">
  import Collapse from "@/components/collapse/Collapse.svelte"

  interface Props {
    items?: string[]
    title?: string
  }

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

<Collapse title={title}>
  <ul>
    {#each items as item}
      <li class="list-disc ml-5">{item}</li>
    {/each}
  </ul>
</Collapse>