Editorial Accordion

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

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

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

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