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 };