(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74413],{74413:(s,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>m});var a=e(87687),t=e(52751),i=e(31928),r=e(30251);let l=(0,i.I)("div")({name:"Wrapper",class:"wn34yxc",propsAsIs:!1}),c=(0,i.I)("div")({name:"InnerWrapper",class:"i1bi5qri",propsAsIs:!1}),o=(0,i.I)("div")({name:"ButtonWrapper",class:"b11nt0pn",propsAsIs:!1}),p=(0,i.I)("button")({name:"Button",class:"b1t63y7q",propsAsIs:!1}),d=(0,i.I)(p)({name:"PrimaryButton",class:"pymbayw",propsAsIs:!0}),h=(0,i.I)(p)({name:"SecondaryButton",class:"s19x0va9",propsAsIs:!0}),x=(0,i.I)(r.CS.div)({name:"Column",class:"c14hdh8a",propsAsIs:!0}),I=(0,i.I)("h3")({name:"Heading",class:"h1nn32ax",propsAsIs:!1}),b=(0,i.I)("div")({name:"ImageWrapper",class:"i1bqcm6e",propsAsIs:!1}),m=function(s){let{maxImageWidth:n,longerHeadingLength:e,firstTitle:i,firstChild:p,secondTitle:m,secondChild:y,includeExpandBtn:u=!0,initialStep:f=0,...j}=s,[v,g]=t.useState(f),q=(0,r.zh)({position:0===v?"absolute":"relative",top:0,left:0,transform:2===v?"scale(0.5) translate(-51.25%, 0)":"scale(1) translate(0%, 0%)",config:2===v?{tension:210,friction:30}:{tension:210,friction:28}}),A=(0,r.zh)({position:0===v?"relative":"absolute",top:0,left:0,transform:2===v?"scale(0.5) translate(51.25%, 0)":"scale(1) translate(0%, 0%)",config:2===v?{tension:180,friction:32}:{tension:240,friction:30}});return(0,a.jsxs)(l,{...j,children:[(0,a.jsxs)(c,{style:{maxWidth:n,"--longer-heading-length":e},children:[(0,a.jsxs)(x,{style:{...q,zIndex:0===v?0:1},children:[(0,a.jsx)(I,{children:i}),(0,a.jsx)(b,{children:p})]}),(0,a.jsxs)(x,{style:{...A,zIndex:0===v?1:0},children:[(0,a.jsx)(I,{children:m}),(0,a.jsx)(b,{children:y})]})]}),(0,a.jsxs)(o,{children:[(0,a.jsx)(d,{disabled:2===v,onClick:()=>{g(0===v?1:0)},children:"Toggle"}),u&&(0,a.jsx)(h,{onClick:()=>{g(2===v?1:2)},children:2===v?"Collapse":"Expand"})]})]})};e(39369)},39369:s=>{s.exports={wn34yxc:"wn34yxc",i1bi5qri:"i1bi5qri",b11nt0pn:"b11nt0pn",b1t63y7q:"b1t63y7q",pymbayw:"pymbayw",s19x0va9:"s19x0va9",c14hdh8a:"c14hdh8a",h1nn32ax:"h1nn32ax",i1bqcm6e:"i1bqcm6e"}}}]);
//# sourceMappingURL=74413.8b4440bf8e9658b6.js.map