@fremtind/jkl-accordion-react
Version:
Jøkul react accordion component
3 lines (2 loc) • 1.1 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@fremtind/jkl-icons-react"),i=require("@fremtind/jkl-react-hooks"),r=require("classnames"),a=require("react");exports.AccordionItem=({children:c,title:n,className:s,startExpanded:o=!1,onClick:d,id:l,...m})=>{const[j,u]=a.useState(o),[k]=a.useState((()=>o)),{detailsRef:_,summaryRef:p,contentRef:x,onSummaryClick:f}=i.useAnimatedDetails({onOpenChange:(e,t)=>{u(e),d&&d(t,e)},isExpanded:k});return e.jsxs("details",{"data-testid":"jkl-accordion-item",...m,className:r("jkl-accordion-item",s),ref:_,id:l,children:[e.jsxs("summary",{"data-testid":"jkl-accordion-item__title",className:"jkl-accordion-item__title",onClick:f,ref:p,children:[n,e.jsx(t.ArrowVerticalAnimated,{className:"jkl-accordion-item__arrow",pointingDown:!j,bold:j})]}),e.jsx("div",{"data-testid":"jkl-accordion-item__content-wrapper",className:"jkl-accordion-item__content-wrapper",ref:x,children:e.jsx("div",{className:"jkl-accordion-item__content",children:c})})]})};
//# sourceMappingURL=AccordionItem.js.map