| 1 | "use client" |
| 2 | |
| 3 | import * as CollapsiblePrimitive from "@radix-ui/react-collapsible" |
| 4 | |
| 5 | function Collapsible({ |
| 6 | ...props |
| 7 | }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) { |
| 8 | return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} /> |
| 9 | } |
| 10 | |
| 11 | function 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 | |
| 22 | function 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 | |
| 33 | export { Collapsible, CollapsibleTrigger, CollapsibleContent } |