// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Accordion as Primitive } from "./_ynrlib/radix-ui.js";
export function Accordion({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.Root>) {
  return <Primitive.Root className={`ynr-accordion ${className}`} {...props} />;
}
export function AccordionItem({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.Item>) {
  return (
    <Primitive.Item className={`ynr-accordion-item ${className}`} {...props} />
  );
}
export function AccordionTrigger({
  className = "",
  children,
  ...props
}: ComponentProps<typeof Primitive.Trigger>) {
  return (
    <Primitive.Header className="ynr-accordion-heading">
      <Primitive.Trigger
        {...props}
        className={`ynr-accordion-trigger ${className}`}
      >
        {children}
        <svg
          aria-hidden="true"
          className="ynr-accordion-chevron"
          width="16"
          height="16"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          strokeWidth="2"
        >
          <path d="m6 9 6 6 6-6" />
        </svg>
      </Primitive.Trigger>
    </Primitive.Header>
  );
}
export function AccordionContent({
  className = "",
  children,
  ...props
}: ComponentProps<typeof Primitive.Content>) {
  return (
    <Primitive.Content
      className={`ynr-accordion-content ${className}`}
      {...props}
    >
      <div className="ynr-accordion-content-inner">{children}</div>
    </Primitive.Content>
  );
}