Accordion Demo

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/registry/ai2/ui/accordion"

export default function AccordionDemo() {
  return (
    <Accordion
      type="single"
      collapsible
      variant="separated"
      className="max-w-md"
      defaultValue="a"
    >
      <AccordionItem value="a">
        <AccordionTrigger>Is it accessible?</AccordionTrigger>
        <AccordionContent>Yes. It follows the WAI-ARIA design pattern.</AccordionContent>
      </AccordionItem>
      <AccordionItem value="b">
        <AccordionTrigger>Is it themeable?</AccordionTrigger>
        <AccordionContent>Yes. Every color comes from ai2 semantic tokens.</AccordionContent>
      </AccordionItem>
    </Accordion>
  )
}