@still-ui/accordion/dist/chunk-IJPBLMHZ.js

Highly customizable and accessible Accordion component.

"use client";
import {
  AccordionContext
} from "./chunk-MDNHWMKB.js";

// src/AccordionContent.tsx
import { Content } from "@radix-ui/react-accordion";
import { useContext } from "react";
import { tv } from "tailwind-variants";
import React from "react";
import { jsx } from "react/jsx-runtime";
var content = tv({
  base: "data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp overflow-hidden px-4 pb-0 text-justify text-sm",
  variants: {
    ui: {
      brutal: "",
      glassmorphic: "bg-white/50 backdrop-blur-md",
      neumorphic: ""
    }
  }
});
var AccordionContent = React.forwardRef(({ children, className, ...props }, ref) => {
  const options = useContext(AccordionContext);
  return /* @__PURE__ */ jsx(
    Content,
    {
      className: content({ class: className, ui: options.ui }),
      ref,
      ...props,
      children: /* @__PURE__ */ jsx("p", { className: "pb-4", children })
    }
  );
});
var AccordionContent_default = AccordionContent;

export {
  AccordionContent_default
};