<script lang="ts">
  let { 
    title,
    open = $bindable(false),
    ...restProps
  } = $props();
</script>

<div class="collapse collapse-arrow bg-base-200 rounded-lg mb-2" {...restProps}>
  <input type="checkbox" bind:checked={open} />
  <div class="collapse-title text-lg font-medium">
    {title}
  </div>
  <div class="collapse-content">
    <slot />
  </div>
</div> 