(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11536],{58504:(s,e,a)=>{"use strict";a.d(e,{A:()=>l});var t=a(87687);a(52751);var r=a(31928);let n={straight1:"/images/arrow-straight-1.png",straight2:"/images/arrow-straight-2.png",straight3:"/images/arrow-straight-3.png",diagonal1:"/images/arrow-diagonal-1.png",diagonal2:"/images/arrow-diagonal-2.png",diagonal3:"/images/arrow-diagonal-3.png"},o=(0,r.I)("img")({name:"Elem",class:"edwpcny",propsAsIs:!1}),l=s=>{let{type:e,variant:a=1,width:r,rotation:l,...i}=s,p=n["".concat(e).concat(a)];return(0,t.jsx)(o,{alt:"",src:p,style:{width:r},...i})};a(37039)},68773:(s,e,a)=>{"use strict";a.d(e,{A:()=>i});var t=a(87687),r=a(31928);let n=(0,r.I)("div")({name:"LabelWrapper",class:"l1vwbmqa",propsAsIs:!1}),o=(0,r.I)("span")({name:"LabelText",class:"l1nhsvin",propsAsIs:!1}),l=(0,r.I)("img")({name:"Stem",class:"snnhvd6",propsAsIs:!1}),i=s=>{let{isVisible:e,orientation:a,style:r,children:i}=s;return(0,t.jsxs)(n,{style:{...r,opacity:e?1:0},children:[(0,t.jsx)(o,{style:"flipped-up"===a?{top:0,left:0,transform:"translate(5%, -125%)"}:"up"===a?{top:0,left:0,transform:"translate(-60%, -140%)"}:{bottom:0,right:0,transform:"translate(60%, 140%)"},children:i}),(0,t.jsx)(l,{src:"/images/stem.png",style:{transform:"flipped-up"===a?"rotate(90deg)":"up"===a?"rotate(180deg)":void 0}})]})};a(47483)},11536:(s,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>I});var t=a(87687),r=a(52751),n=a(31928),o=a(30251),l=a(58504),i=a(42971),p=a(68773),d=a(30401);let c=(0,n.I)("div")({name:"OuterWrapper",class:"o19hfck7",propsAsIs:!1}),m=(0,n.I)(d.ZH)({name:"Wrapper",class:"w99ycca",propsAsIs:!0}),h=(0,n.I)("div")({name:"Pointer",class:"p112o1tt",propsAsIs:!1}),u=(0,n.I)("div")({name:"ArrowWrapper",class:"a1k9dzoc",propsAsIs:!1}),g=(0,n.I)("div")({name:"TextWrapper",class:"tj07vdd",propsAsIs:!1}),v=(0,n.I)("div")({name:"MobileText",class:"mbmoc7n",propsAsIs:!1}),w=(0,n.I)("div")({name:"DesktopText",class:"d1op5uje",propsAsIs:!1}),I=function(){let[s,e]=r.useState(!1),[a,n,I]=(0,i.A)({mode:"interactive"}),b=(0,o.zh)({transform:"translateX(".concat(0===a?0:-25,"%)"),config:d.YP[0]}),j=(0,o.zh)({transform:"translateX(".concat(0===a?0:25,"%)"),config:d.YP[0]});return r.useEffect(()=>{a>0&&e(!0)},[a]),(0,t.jsxs)(c,{children:[(0,t.jsxs)(m,{...I,children:[(0,t.jsxs)(d.Wd,{style:{zIndex:2,...b},children:[(0,t.jsxs)(d.js,{children:[(0,t.jsx)(d.OC,{children:"Paragraph One"}),(0,t.jsx)(d.uD,{})]}),(0,t.jsx)(p.A,{orientation:"up",isVisible:!0,style:{bottom:"30%",left:"-25%"},children:"margin-bottom: 24px"})]}),(0,t.jsxs)(d.Wd,{style:{top:175,...j},children:[(0,t.jsxs)(d.js,{children:[(0,t.jsx)(d.uD,{}),(0,t.jsx)(d.OC,{children:"Paragraph Two"})]}),(0,t.jsx)(p.A,{orientation:"down",isVisible:2===a,style:{top:"30%",right:"-25%"},children:"margin-top: 24px"})]})]}),(0,t.jsxs)(h,{style:{opacity:s?0:.9},children:[(0,t.jsx)(u,{children:(0,t.jsx)(l.A,{type:"diagonal",variant:1,width:50})}),(0,t.jsxs)(g,{children:[(0,t.jsx)("strong",{children:"This is an interactive element!"}),(0,t.jsx)(v,{children:"Tap to view"}),(0,t.jsx)(w,{children:"Hover (or focus) to view"})]})]})]})};a(54014)},30401:(s,e,a)=>{"use strict";a.d(e,{OC:()=>p,Wd:()=>l,YA:()=>h,YP:()=>n,ZH:()=>o,dw:()=>m,js:()=>i,lJ:()=>d,uD:()=>c});var t=a(31928),r=a(30251);let n=[{tension:170,friction:60}],o=(0,t.I)("button")({name:"BaseWrapper",class:"b8ou0aw",propsAsIs:!1}),l=(0,t.I)(r.CS.div)({name:"Layer",class:"l145skp",propsAsIs:!0}),i=(0,t.I)("div")({name:"Skew",class:"scsyhkg",propsAsIs:!1}),p=(0,t.I)("div")({name:"BaseElement",class:"bhu7dgk",propsAsIs:!1}),d=(0,t.I)(p)({name:"ChildElement",class:"cozlf4l",propsAsIs:!0}),c=(0,t.I)("div")({name:"BaseMargin",class:"bwtfw5o",propsAsIs:!1}),m=(0,t.I)("div")({name:"BasePadding",class:"b8p37cb",propsAsIs:!1}),h=(0,t.I)("div")({name:"InterjectedElement",class:"ibaje2d",propsAsIs:!1});a(29423)},42971:(s,e,a)=>{"use strict";a.d(e,{A:()=>o});var t=a(52751),r=a(66557);let n=[{id:"consolidated",delay:1750},{id:"separate",delay:750},{id:"labeled",delay:3e3},{id:"separate",delay:250}],o=function(){let{mode:s="interval"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[e,a]=t.useState(0),o=n[e];(0,r.A)(()=>{a((e+1)%n.length)},"interval"===s?o.delay:null);let l={};return t.useEffect(()=>{let t;if("interactive"!==s)return;let r=n[e];return(1===e||3===e)&&(t=window.setTimeout(()=>{a((e+1)%n.length)},r.delay)),()=>{window.clearTimeout(t)}},[s,e]),"interactive"===s&&(l.onMouseEnter=s=>{a(1)},l.onMouseLeave=s=>{a(3)},l.onFocus=l.onMouseEnter,l.onBlur=l.onMouseLeave),[e,o,l]}},37039:s=>{s.exports={edwpcny:"edwpcny"}},47483:s=>{s.exports={l1vwbmqa:"l1vwbmqa",l1nhsvin:"l1nhsvin",snnhvd6:"snnhvd6"}},54014:s=>{s.exports={o19hfck7:"o19hfck7",w99ycca:"w99ycca",b8ou0aw:"b8ou0aw",p112o1tt:"p112o1tt",a1k9dzoc:"a1k9dzoc","sway-a1k9dzoc":"sway-a1k9dzoc",tj07vdd:"tj07vdd",mbmoc7n:"mbmoc7n",d1op5uje:"d1op5uje"}},29423:s=>{s.exports={b8ou0aw:"b8ou0aw",l145skp:"l145skp",scsyhkg:"scsyhkg",bhu7dgk:"bhu7dgk",cozlf4l:"cozlf4l",bwtfw5o:"bwtfw5o",b8p37cb:"b8p37cb",ibaje2d:"ibaje2d"}}}]);
//# sourceMappingURL=11536.32e071b7d34d5747.js.map