Accordion

"use client";

import React from "react";
import { Accordion } from "@/subframe/components/Accordion";

function AccordionExample() {
  return (
    <Accordion
      trigger={
        <div className="flex w-full items-center gap-2 px-3 py-2">
          <span className="grow shrink-0 basis-0 text-body font-body text-default-font">
            Accordion header
          </span>
          <Accordion.Chevron />
        </div>
      }
      defaultOpen={false}
    >
      <div className="flex w-full grow shrink-0 basis-0 flex-col items-start gap-2 px-3 py-2">
        <span className="text-body font-body text-default-font">
          Accordion contents
        </span>
      </div>
    </Accordion>
  );
}

export default AccordionExample;