@while-and-for/tremor-react/dist/components/layout-elements/Accordion/AccordionHeader.cjs

The React library to build dashboards faster.

'use client';
"use strict";var e=require("tslib"),t=require("react"),r=require("../../../lib/sizing.cjs"),i=require("../../../lib/spacing.cjs"),a=require("../../../lib/utils.cjs"),s=require("../../../lib/tremorTwMerge.cjs"),n=require("../../../assets/ArrowUpHeadIcon.cjs"),l=require("@headlessui/react"),c=require("./Accordion.cjs");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(t);const u=a.makeClassName("AccordionHeader"),m=d.default.forwardRef(((a,o)=>{const{children:m,className:g}=a,f=e.__rest(a,["children","className"]),{isOpen:p}=t.useContext(c.OpenContext);return d.default.createElement(l.Disclosure.Button,Object.assign({ref:o,className:s.tremorTwMerge(u("root"),"w-full flex items-center justify-between","text-tremor-content-emphasis","dark:text-dark-tremor-content-emphasis",i.spacing.twoXl.paddingX,i.spacing.lg.paddingY,g)},f),d.default.createElement("div",{className:s.tremorTwMerge(u("children"),"flex flex-1 text-inherit",i.spacing.twoXl.marginRight)},m),d.default.createElement("div",null,d.default.createElement(n,{className:s.tremorTwMerge(u("arrowIcon"),"text-tremor-content-subtle","dark:text-dark-tremor-content-subtle",i.spacing.twoXs.negativeMarginRight,r.sizing.md.height,r.sizing.md.width,p?"transition-all":"transition-all -rotate-180")})))}));m.displayName="AccordionHeader",module.exports=m;