Collapsible

1"use client"
2 
3import * as React from "react"
4import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
5 
6import { cn } from "@/lib/utils"
7 
8const Collapsible = CollapsiblePrimitive.Root
9const CollapsibleTrigger = CollapsiblePrimitive.Trigger
10 
11function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content>) {
12  return <CollapsiblePrimitive.Content data-slot="collapsible-content" className={cn("overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down motion-reduce:animate-none", className)} {...props} />
13}
14 
15export { Collapsible, CollapsibleContent, CollapsibleTrigger }