feat(SW-392): Added accordion click tracking for hotel amenities

components/TempDesignSystem/Accordion/AccordionItem/accordionItem.ts

@@ -8,4 +8,5 @@ export interface AccordionItemProps
     VariantProps<typeof accordionItemVariants> {
   title: string
   icon?: IconName
+  trackingId?: string
 }

components/TempDesignSystem/Accordion/AccordionItem/index.tsx

@@ -4,6 +4,7 @@ import { useRef } from "react"
 
 import { ChevronDownIcon } from "@/components/Icons"
 import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
+import { trackAccordionClick } from "@/utils/tracking"
 
 import Body from "../../Text/Body"
 import Subtitle from "../../Text/Subtitle"
@@ -20,6 +21,7 @@ export default function AccordionItem({
   theme,
   variant,
   className,
+  trackingId,
 }: AccordionItemProps) {
   const contentRef = useRef<HTMLDivElement>(null)
   const detailsRef = useRef<HTMLDetailsElement>(null)
@@ -40,6 +42,9 @@ export default function AccordionItem({
           },
           { once: true }
         )
+        if (trackingId) {
+          trackAccordionClick(trackingId)
+        }
       } else {
         content.style.maxHeight = "0"
       }