1---
 2interface Props {
 3  title: string;
 4  open?: boolean;
 5}
 6
 7const { title, open = false } = Astro.props;
 8---
 9
10<div class="bg-base-100 border-base-content/25 collapse-arrow collapse my-4 border">
11  <input type="checkbox" {...open && { checked: true }} />
12  <div class="collapse-title font-semibold">{title}</div>
13  <div class="collapse-content min-w-0">
14    <slot />
15  </div>
16</div>