collapsible

1---
2import type { HTMLAttributes } from "astro/types"
3 
4import { cn } from "@/lib/utils"
5 
6type Props = HTMLAttributes<"div"> & {
7  defaultOpen?: boolean
8  hiddenUntilFound?: boolean
9}
10 
11const {
12  class: className,
13  defaultOpen,
14  hiddenUntilFound,
15  ...props
16} = Astro.props
17---
18 
19<div
20  data-slot="collapsible"
21  data-default-open={defaultOpen}
22  data-hidden-until-found={hiddenUntilFound}
23  class={cn(className)}
24  {...props}
25>
26  <slot />
27</div>
28 
29<script>
30  import { create } from "@data-slot/collapsible"
31 
32  create()
33</script>