Accordion

import { Accordion } from "@/components/accordion"
import { Info, HelpCircle } from 'lucide-react'

export default function MyComponent() {
  return (
    <Accordion
      allowMultiple={true}
      defaultExpandedIds={["item1"]}
      items={[
        {
          id: "item1",
          title: "First Item",
          icon: <Info className="h-4 w-4" />,
          content: <div>First item content</div>
        },
        {
          id: "item2",
          title: "Second Item",
          icon: <HelpCircle className="h-4 w-4" />,
          content: <div>Second item content</div>
        },
        {
          id: "item3",
          title: "Disabled Item",
          disabled: true,
          content: <div>This content won't be visible</div>
        },
      ]}
    />
  )
}