DBHub

"use client"; import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible"; import { cn } from "@/lib/utils"; function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) { return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />; } function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigger.Props) { return ( <CollapsiblePrimitive.Trigger className={cn("cursor-pointer", className)} data-slot="collapsible-trigger" {...props} /> ); } function CollapsiblePanel({ className, ...props }: CollapsiblePrimitive.Panel.Props) { return ( <CollapsiblePrimitive.Panel className={cn( "h-(--collapsible-panel-height) overflow-hidden transition-[height] duration-200 data-ending-style:h-0 data-starting-style:h-0", className, )} data-slot="collapsible-panel" {...props} /> ); } export { Collapsible, CollapsibleTrigger, CollapsiblePanel, CollapsiblePanel as CollapsibleContent, };