From 9aa5ecd37d9588dc4c4e9246a603cf1efbaf7f83 Mon Sep 17 00:00:00 2001
From: Luis Javier Moy <luisjavier1781@gmail.com>
Date: Mon, 10 Mar 2025 15:49:39 -0400
Subject: [PATCH] feat: possibility to hide chevron down in accordion component

---
 packages/ui/src/components/ui/accordion/accordion.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/ui/accordion/accordion.tsx b/packages/ui/src/components/ui/accordion/accordion.tsx
index 7feb7f0..72d7828 100644
--- a/packages/ui/src/components/ui/accordion/accordion.tsx
+++ b/packages/ui/src/components/ui/accordion/accordion.tsx
@@ -20,8 +20,8 @@ AccordionItem.displayName = 'AccordionItem';
 
 const AccordionTrigger = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {hasChevronDown?: boolean}
+>(({ className, children, hasChevronDown=true, ...props }, ref) => (
   <AccordionPrimitive.Header className="flex">
     <AccordionPrimitive.Trigger
       ref={ref}
@@ -32,7 +32,7 @@ const AccordionTrigger = React.forwardRef<
       {...props}
     >
       {children}
-      <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
+      {hasChevronDown && <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />}
     </AccordionPrimitive.Trigger>
   </AccordionPrimitive.Header>
 ));