Accordion

1"use client"
2 
3import * as React from "react"
4import {
5  Accordion as BaseAccordion,
6  AccordionContent,
7  AccordionItem,
8  AccordionTrigger as BaseAccordionTrigger,
9} from "@/components/ui/accordion"
10import { cn } from "@/lib/utils"
11 
12export interface AccordionTriggerProps extends React.ComponentProps<typeof BaseAccordionTrigger> {
13  glow?: boolean
14}
15 
16/**
17 * Glass UI Accordion - Enhanced accordion with glassy effects
18 */
19export const AccordionTrigger = React.forwardRef<
20  React.ElementRef<typeof BaseAccordionTrigger>,
21  AccordionTriggerProps
22>(({ className, variant = "glass", glow = false, ...props }, ref) => {
23  return (
24    <BaseAccordionTrigger
25      ref={ref}
26      variant={variant}
27      className={cn(
28        glow && "data-[state=open]:shadow-md data-[state=open]:shadow-purple-500/20",
29        className
30      )}
31      {...props}
32    />
33  )
34})
35AccordionTrigger.displayName = "AccordionTrigger"
36 
37export {
38  BaseAccordion as Accordion,
39  AccordionItem,
40  AccordionContent,
41}