Accordion

1import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/components/ui/accordion";
2
3<Accordion />

1"use client";
2
3import {
4  Accordion as ArkAccordion,
5  useAccordionContext,
6} from "@ark-ui/react/accordion";
7import { ChevronDownIcon } from "lucide-react";
8import type React from "react";
9import { cn } from "@/lib/utils";
10
11export const useAccordion = useAccordionContext;
12
13export const Accordion = (
14  props: React.ComponentProps<typeof ArkAccordion.Root>
15) => {
16  const {
17    collapsible = true,
18    lazyMount = true,
19    unmountOnExit = true,
20    ...rest
21  } = props;
22
23  return (
24    <ArkAccordion.Root
25      collapsible={collapsible}
26      data-slot="accordion"
27      lazyMount={lazyMount}
28      unmountOnExit={unmountOnExit}