import { j as jsxRuntimeExports, t as twMerge, I as Icon, a8 as twJoin } from "./index-DEuI3Aoa.js";
function Disclosure(props) {
  const { title, isOpen, onOpenChange, children, containerClassName, toggleClassName, contentClassName } = props;
  return jsxRuntimeExports.jsxs("div", { className: twMerge(containerClassName), children: [jsxRuntimeExports.jsxs("div", { className: twMerge("flex cursor-pointer justify-between text-gray-500", toggleClassName), onClick: onOpenChange, children: [jsxRuntimeExports.jsx("h2", { className: "font-semibold text-inherit", children: title }), jsxRuntimeExports.jsx(Icon, { className: twJoin("transition", isOpen ? "" : "-rotate-90"), size: 16, name: "ChevronDown" })] }), jsxRuntimeExports.jsx("div", { className: twMerge("max-h-0 overflow-hidden transition-[max-height] duration-300 ease-in-out", isOpen && "max-h-screen", contentClassName), children })] });
}
export {
  Disclosure as D
};
//# sourceMappingURL=disclosure-DtNIZI7D.js.map
