Accordion

"use client";

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/ui/accordion";

export function Demo() {
  return (
    <Accordion type="single" collapsible className="w-full max-w-md">
      <AccordionItem value="a">
        <AccordionTrigger>O que é o Design System?</AccordionTrigger>
        <AccordionContent>
          Conjunto de tokens e componentes reutilizáveis da marca Finance Equity.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="b">
        <AccordionTrigger>Como instalar componentes?</AccordionTrigger>
        <AccordionContent>
          Use o CLI shadcn com base Radix; os fontes ficam em components/ui.
        </AccordionContent>
      </AccordionItem>
      <AccordionItem value="c">
        <AccordionTrigger>Posso customizar?</AccordionTrigger>
        <AccordionContent>
          Sim — o código é seu. Preserve tokens de cor e tipografia da marca.
        </AccordionContent>
      </AccordionItem>
    </Accordion>
  );
}