ui/accordion.tsx

Reusable accordion UI component built with Radix UI and Tailwind, exposing Accordion, Item, Trigger, Content.

// Source: https://github.com/CopilotKit/llamaindex-composio-hackathon-sample | License: MIT | Copyright Atai Barkai
// Provided via justclaw.it.com; keep this notice with the code.
"use client"

import * as React from "react"
import * as AccordionPrimitive from "@radix-ui/react-accordion"
import { ChevronDownIcon } from "lucide-react"

import { cn } from "@/lib/utils"

function Accordion({
  ...props
}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
  return <AccordionPrimitive.Root data-slot="accordion" {...props} />
}

function AccordionItem({
  className,
  ...props
}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
  return (
    <AccordionPrimitive.Item
      data-slot="accordion-item"
      className={cn("border-b last:border-b-0", className)}
      {...props}
    /

... (truncated -- full source via MCP)