import * as React from "react"; import { Accordion as BaseAccordion } from "@base-ui/react/accordion"; import { cn } from "@/lib/utils"; import { HugeiconsIcon } from "@hugeicons/react"; import { ChevronDownIcon } from "@hugeicons/core-free-icons"; type AccordionVariant = | "default" | "split" | "outline" | "nested" | "isolated-filled" | "isolated-filled-bordered"; function Accordion({ className, multiple = false, variant = "default", ...props }: BaseAccordion.Root.Props & { variant?: AccordionVariant }) { return ( ); } function AccordionItem({ className, ...props }: BaseAccordion.Item.Props) { return ( ); } function AccordionHeader({ className, ...props }: BaseAccordion.Header.Props) { return ( ); } interface AccordionTriggerProps extends BaseAccordion.Trigger.Props { showIndicator?: boolean; indicatorType?: "chevron" | "plus"; indicatorPosition?: "start" | "end"; icon?: React.ReactNode; subtitle?: React.ReactNode; } function AccordionTrigger({ children, className, showIndicator = true, indicatorType = "plus", indicatorPosition = "end", icon, subtitle, ...props }: AccordionTriggerProps) { const hasStartIndicator = showIndicator && indicatorPosition === "start"; const hasEndIndicator = showIndicator && indicatorPosition === "end"; const renderIndicator = () => { if (!showIndicator) return null; const indicatorIcon = indicatorType === "chevron" ? ( ) : ( ); return ( ); }; return ( {hasStartIndicator && renderIndicator()} {/* icon prop — only rendered when indicator is at end position */} {icon && !hasStartIndicator && ( )}

{children} {subtitle && ( {subtitle} )}

{hasEndIndicator && renderIndicator()} ); } function AccordionContent({ children, className, ...props }: BaseAccordion.Panel.Props) { return (

{children}

); } export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionContent, }; function PlusIcon(props: React.ComponentProps<"svg">) { return ( ); }