Animated Accordion

import AccordionAnimated from "@/components/ruixen/accordion-animated";
 
const items = [
  {
    id: "1",
    title: "What animations are included?",
    content:
      "This accordion uses Framer Motion for smooth expand/collapse animations.",
  },
  {
    id: "2",
    title: "Is it accessible?",
    content:
      "Yes, the accordion maintains full keyboard navigation and screen reader support.",
  },
];
 
export default function MyAccordion() {
  return <AccordionAnimated items={items} defaultValue="1" />;
}