import * as React from "react" import { Accordion } from "radix-ui" import { ChevronDown } from "lucide-react" import { cn } from "@/lib/utils" const AccordionRoot = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AccordionRoot.displayName = "AccordionRoot" const AccordionItem = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AccordionItem.displayName = "AccordionItem" const AccordionHeader = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AccordionHeader.displayName = "AccordionHeader" const AccordionTrigger = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( svg]:rotate-180", className )} {...props} > {children} )) AccordionTrigger.displayName = "AccordionTrigger" const AccordionContent = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => (

{children}

)) AccordionContent.displayName = "AccordionContent" export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionContent, }

Accordion

Section One

Section Two