(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47390],{47390:(s,e,a)=>{"use strict";a.r(e),a.d(e,{default:()=>u});var t=a(67841),n=a(64833),l=a(97718),r=a(13974);a(78507);var o=a(50483);let i=(0,n.z)(o.OB)({name:"Wrapper",class:"woi3j37",propsAsIs:!0}),c=(0,n.z)(l.q.div)({name:"Layer",class:"l1s45s76",propsAsIs:!0}),p=(0,n.z)(o.Hc)({name:"Element",class:"eg3o9dx",propsAsIs:!0}),d=(0,n.z)(o.I3)({name:"Margin",class:"mz8mx9n",propsAsIs:!0}),m=(0,n.z)("div")({name:"Skew",class:"s1th30j4",propsAsIs:!1}),u=function(){let[s,e,a]=(0,r.Z)({mode:"interactive"}),n=(0,l.q_)({transform:"translate(\n      ".concat(0===s?0:-12,"%,\n      ").concat(0===s?0:8,"%)"),config:o.EM[0]}),u=(0,l.q_)({transform:"translate(\n      ".concat(0===s?0:12,"%,\n      ").concat(0===s?0:-8,"%)"),config:o.EM[0]});return(0,t.jsx)(i,{...a,children:(0,t.jsxs)(m,{children:[(0,t.jsxs)(c,{style:{zIndex:2,...n},children:[(0,t.jsx)(p,{children:"First"}),(0,t.jsx)(d,{})]}),(0,t.jsxs)(c,{style:{...u},children:[(0,t.jsx)(d,{}),(0,t.jsx)(p,{children:"Second"})]})]})})};a(10904)},78507:(s,e,a)=>{"use strict";a.d(e,{Z:()=>i});var t=a(67841),n=a(64833);let l=(0,n.z)("div")({name:"LabelWrapper",class:"l1vwbmqa",propsAsIs:!1}),r=(0,n.z)("span")({name:"LabelText",class:"l1nhsvin",propsAsIs:!1}),o=(0,n.z)("img")({name:"Stem",class:"snnhvd6",propsAsIs:!1}),i=s=>{let{isVisible:e,orientation:a,style:n,children:i}=s;return(0,t.jsxs)(l,{style:{...n,opacity:e?1:0},children:[(0,t.jsx)(r,{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)(o,{src:"/images/stem.png",style:{transform:"flipped-up"===a?"rotate(90deg)":"up"===a?"rotate(180deg)":void 0}})]})};a(37262)},50483:(s,e,a)=>{"use strict";a.d(e,{$X:()=>i,EM:()=>l,Hc:()=>c,I3:()=>d,OB:()=>r,OM:()=>u,Xv:()=>p,mh:()=>o,rw:()=>m});var t=a(64833),n=a(97718);let l=[{tension:170,friction:60}],r=(0,t.z)("button")({name:"BaseWrapper",class:"b8ou0aw",propsAsIs:!1}),o=(0,t.z)(n.q.div)({name:"Layer",class:"l145skp",propsAsIs:!0}),i=(0,t.z)("div")({name:"Skew",class:"scsyhkg",propsAsIs:!1}),c=(0,t.z)("div")({name:"BaseElement",class:"bhu7dgk",propsAsIs:!1}),p=(0,t.z)(c)({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}),u=(0,t.z)("div")({name:"InterjectedElement",class:"ibaje2d",propsAsIs:!1});a(82743)},13974:(s,e,a)=>{"use strict";a.d(e,{Z:()=>r});var t=a(79477),n=a(81618);let l=[{id:"consolidated",delay:1750},{id:"separate",delay:750},{id:"labeled",delay:3e3},{id:"separate",delay:250}],r=function(){let{mode:s="interval"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[e,a]=t.useState(0),r=l[e];(0,n.Z)(()=>{a((e+1)%l.length)},"interval"===s?r.delay:null);let o={};return t.useEffect(()=>{let t;if("interactive"!==s)return;let n=l[e];return(1===e||3===e)&&(t=window.setTimeout(()=>{a((e+1)%l.length)},n.delay)),()=>{window.clearTimeout(t)}},[s,e]),"interactive"===s&&(o.onMouseEnter=s=>{a(1)},o.onMouseLeave=s=>{a(3)},o.onFocus=o.onMouseEnter,o.onBlur=o.onMouseLeave),[e,r,o]}},10904:s=>{s.exports={woi3j37:"woi3j37",b8ou0aw:"b8ou0aw",l1s45s76:"l1s45s76",eg3o9dx:"eg3o9dx",bhu7dgk:"bhu7dgk",mz8mx9n:"mz8mx9n",bwtfw5o:"bwtfw5o",s1th30j4:"s1th30j4"}},37262:s=>{s.exports={l1vwbmqa:"l1vwbmqa",l1nhsvin:"l1nhsvin",snnhvd6:"snnhvd6"}},82743:s=>{s.exports={b8ou0aw:"b8ou0aw",l145skp:"l145skp",scsyhkg:"scsyhkg",bhu7dgk:"bhu7dgk",cozlf4l:"cozlf4l",bwtfw5o:"bwtfw5o",b8p37cb:"b8p37cb",ibaje2d:"ibaje2d"}}}]);
//# sourceMappingURL=47390.3c4533841cab8992.js.map