collapsible

1"use client"
2 
3import { Collapsible as CollapsiblePrimitive } from "radix-ui"
4 
5function Collapsible({
6  ...props
7}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
8  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
9}
10 
11function CollapsibleTrigger({
12  ...props
13}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
14  return (
15    <CollapsiblePrimitive.CollapsibleTrigger
16      data-slot="collapsible-trigger"
17      {...props}
18    />
19  )
20}
21 
22function CollapsibleContent({
23  ...props
24}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
25  return (
26    <CollapsiblePrimitive.CollapsibleContent
27      data-slot="collapsible-content"
28      {...props}
29    />
30  )
31}
32 
33export { Collapsible, CollapsibleTrigger, CollapsibleContent }