"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[11],{17:(e,a,s)=>{s.d(a,{a:()=>D});var r=s(0),t=(s(1),s(206)),n=s(4),p=s(2),i=s(23);const{wrapper:c}=i.a,l=({description:e})=>(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:e},className:c});var d=s(24);const{wrapper:o,wrapperHeading:h,wrapperHeadingIcon:g,wrapperHeadingTitle:u,wrapperHeadingTitleOpened:x,wrapperHeadingSubtitle:j,wrapperItems:w,wrapperItemsExpand:m,horizontalLine:k,wrapperDesktop:H,wrapperHeadingDesktop:b,wrapperHeadingIconDesktop:v,wrapperHeadingTitleDesktop:f,wrapperItemsDesktop:N,horizontalLineDesktop:O}=d.a,D=({title:e,subtitle:a,description:s,activeParagraph:i,handleExpandParagraph:c,activeOnDesktop:d})=>{const{ref:D}=((e,a)=>{const s=(0,p.useRef)(null);return(0,p.useEffect)((()=>{if(!s.current)return;const{scrollHeight:r,clientHeight:t}=s.current;e!==a&&0!==t?s.current.style.maxHeight="0px":e===a&&(s.current.style.maxHeight=`${r}px`)}),[e]),{ref:s}})(i,e),I=i===e;return(0,r.jsxs)("div",Object.assign({className:(0,t.a)(o,d&&H)},{children:[(0,r.jsxs)("div",Object.assign({onClick:()=>c(e),className:(0,t.a)(h,d&&b,I&&x)},{children:[(0,r.jsx)("h2",Object.assign({className:(0,t.a)(u,d&&f)},{children:e})),(0,r.jsx)("span",Object.assign({className:(0,t.a)(g,d&&v)},{children:I?(0,r.jsx)(n.w,{}):(0,r.jsx)(n.B,{})}))]})),(0,r.jsxs)("div",Object.assign({ref:D,className:(0,t.a)(I&&m,d?N:w)},{children:[a&&(0,r.jsx)("h4",Object.assign({className:j},{children:a})),s.length>0&&s.map(((e,a)=>(0,r.jsx)(l,{description:e})))]})),(0,r.jsx)("span",{className:(0,t.a)(k,d&&O)})]}))}},25:(e,a,s)=>{s.d(a,{a:()=>t});var r=s(2);const t=()=>{const[e,a]=(0,r.useState)("");return{activeParagraph:e,handleExpandParagraph:(0,r.useCallback)((e=>{a((a=>a===e?"":e))}),[e])}}}}]);