(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42772],{65048:(s,e,a)=>{"use strict";a.d(e,{Z:()=>l});var t=a(67841);a(79477);var r=a(64833);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.z)("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(17467)},78507:(s,e,a)=>{"use strict";a.d(e,{Z:()=>i});var t=a(67841),r=a(64833);let n=(0,r.z)("div")({name:"LabelWrapper",class:"l1vwbmqa",propsAsIs:!1}),o=(0,r.z)("span")({name:"LabelText",class:"l1nhsvin",propsAsIs:!1}),l=(0,r.z)("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(37262)},42772:(s,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>b});var t=a(67841),r=a(79477),n=a(64833),o=a(97718),l=a(65048),i=a(13974),p=a(78507),c=a(50483);let d=(0,n.z)("div")({name:"OuterWrapper",class:"o19hfck7",propsAsIs:!1}),m=(0,n.z)(c.OB)({name:"Wrapper",class:"w99ycca",propsAsIs:!0}),h=(0,n.z)("div")({name:"Pointer",class:"p112o1tt",propsAsIs:!1}),g=(0,n.z)("div")({name:"ArrowWrapper",class:"a1k9dzoc",propsAsIs:!1}),u=(0,n.z)("div")({name:"TextWrapper",class:"tj07vdd",propsAsIs:!1}),v=(0,n.z)("div")({name:"MobileText",class:"mbmoc7n",propsAsIs:!1}),w=(0,n.z)("div")({name:"DesktopText",class:"d1op5uje",propsAsIs:!1}),b=function(){let[s,e]=r.useState(!1),[a,n,b]=(0,i.Z)({mode:"interactive"}),f=(0,o.q_)({transform:"translateX(".concat(0===a?0:-25,"%)"),config:c.EM[0]}),x=(0,o.q_)({transform:"translateX(".concat(0===a?0:25,"%)"),config:c.EM[0]});return r.useEffect(()=>{a>0&&e(!0)},[a]),(0,t.jsxs)(d,{children:[(0,t.jsxs)(m,{...b,children:[(0,t.jsxs)(c.mh,{style:{zIndex:2,...f},children:[(0,t.jsxs)(c.$X,{children:[(0,t.jsx)(c.Hc,{children:"Paragraph One"}),(0,t.jsx)(c.I3,{})]}),(0,t.jsx)(p.Z,{orientation:"up",isVisible:!0,style:{bottom:"30%",left:"-25%"},children:"margin-bottom: 24px"})]}),(0,t.jsxs)(c.mh,{style:{top:175,...x},children:[(0,t.jsxs)(c.$X,{children:[(0,t.jsx)(c.I3,{}),(0,t.jsx)(c.Hc,{children:"Paragraph Two"})]}),(0,t.jsx)(p.Z,{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)(g,{children:(0,t.jsx)(l.Z,{type:"diagonal",variant:1,width:50})}),(0,t.jsxs)(u,{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(86927)},50483:(s,e,a)=>{"use strict";a.d(e,{$X:()=>i,EM:()=>n,Hc:()=>p,I3:()=>d,OB:()=>o,OM:()=>h,Xv:()=>c,mh:()=>l,rw:()=>m});var t=a(64833),r=a(97718);let n=[{tension:170,friction:60}],o=(0,t.z)("button")({name:"BaseWrapper",class:"b8ou0aw",propsAsIs:!1}),l=(0,t.z)(r.q.div)({name:"Layer",class:"l145skp",propsAsIs:!0}),i=(0,t.z)("div")({name:"Skew",class:"scsyhkg",propsAsIs:!1}),p=(0,t.z)("div")({name:"BaseElement",class:"bhu7dgk",propsAsIs:!1}),c=(0,t.z)(p)({name:"ChildElement",class:"cozlf4l",propsAsIs:!0}),d=(0,t.z)("div")({name:"BaseMargin",class:"bwtfw5o",propsAsIs:!1}),m=(0,t.z)("div")({name:"BasePadding",class:"b8p37cb",propsAsIs:!1}),h=(0,t.z)("div")({name:"InterjectedElement",class:"ibaje2d",propsAsIs:!1});a(82743)},13974:(s,e,a)=>{"use strict";a.d(e,{Z:()=>o});var t=a(79477),r=a(81618);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.Z)(()=>{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]}},17467:s=>{s.exports={edwpcny:"edwpcny"}},37262:s=>{s.exports={l1vwbmqa:"l1vwbmqa",l1nhsvin:"l1nhsvin",snnhvd6:"snnhvd6"}},86927:s=>{s.exports={o19hfck7:"o19hfck7",w99ycca:"w99ycca",b8ou0aw:"b8ou0aw",p112o1tt:"p112o1tt",a1k9dzoc:"a1k9dzoc","sway-a1k9dzoc":"sway-a1k9dzoc",tj07vdd:"tj07vdd",mbmoc7n:"mbmoc7n",d1op5uje:"d1op5uje"}},82743:s=>{s.exports={b8ou0aw:"b8ou0aw",l145skp:"l145skp",scsyhkg:"scsyhkg",bhu7dgk:"bhu7dgk",cozlf4l:"cozlf4l",bwtfw5o:"bwtfw5o",b8p37cb:"b8p37cb",ibaje2d:"ibaje2d"}}}]);
//# sourceMappingURL=42772.8586a366f1d6f6ab.js.map