Indexed Accordion

import AccordionIndexed from "@/components/ruixen/accordion-indexed";
 
export default function About() {
  return <AccordionIndexed />;
}

const myItems = [
  {
    id: "mission",
    title: "Our Mission",
    content: "Building tools that empower creators.",
  },
  {
    id: "vision",
    title: "Our Vision",
    content: "A world where great design is accessible.",
  },
  {
    id: "values",
    title: "Our Values",
    content: "Simplicity, craft, and attention to detail.",
  },
];
 
<AccordionIndexed items={myItems} defaultValue="mission" />;

const [open, setOpen] = useState("design");
 
<AccordionIndexed value={open} onValueChange={setOpen} />;

interface AccordionIndexedItem {
  id: string;
  title: string;
  content: string;
}