(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16135],{16135:(s,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>b});var a=t(67841),n=t(64833),r=t(97718),l=t(13974),o=t(78507),i=t(50483);let p=(0,n.z)(i.OB)({name:"Wrapper",class:"w3wndm5",propsAsIs:!0}),c=(0,n.z)(i.Hc)({name:"Element",class:"e16ce5h3",propsAsIs:!0}),d=(0,n.z)(i.I3)({name:"TopMargin",class:"t1kiese8",propsAsIs:!0}),m=(0,n.z)(i.I3)({name:"BottomMargin",class:"b1rwkabi",propsAsIs:!0}),b=function(){let[s,e,t]=(0,l.Z)({mode:"interactive"}),n=(0,r.q_)({transform:"translateX(".concat(0===s?0:-25,"%)"),config:i.EM[0]}),b=(0,r.q_)({transform:"translateX(".concat(0===s?0:25,"%)"),config:i.EM[0]});return(0,a.jsxs)(p,{...t,children:[(0,a.jsxs)(i.mh,{style:{zIndex:2,...n},children:[(0,a.jsxs)(i.$X,{children:[(0,a.jsx)(c,{children:"Paragraph One"}),(0,a.jsx)(d,{})]}),(0,a.jsx)(o.Z,{orientation:"up",isVisible:2===s,style:{bottom:"33%",left:"-25%"},children:"margin-bottom: 72px"})]}),(0,a.jsxs)(i.mh,{style:{top:223,...b},children:[(0,a.jsxs)(i.$X,{children:[(0,a.jsx)(m,{}),(0,a.jsx)(c,{children:"Paragraph Two"})]}),(0,a.jsx)(o.Z,{orientation:"down",isVisible:2===s,style:{top:"28%",right:"-25%"},children:"margin-top: 24px"})]})]})};t(98287)},78507:(s,e,t)=>{"use strict";t.d(e,{Z:()=>i});var a=t(67841),n=t(64833);let r=(0,n.z)("div")({name:"LabelWrapper",class:"l1vwbmqa",propsAsIs:!1}),l=(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:t,style:n,children:i}=s;return(0,a.jsxs)(r,{style:{...n,opacity:e?1:0},children:[(0,a.jsx)(l,{style:"flipped-up"===t?{top:0,left:0,transform:"translate(5%, -125%)"}:"up"===t?{top:0,left:0,transform:"translate(-60%, -140%)"}:{bottom:0,right:0,transform:"translate(60%, 140%)"},children:i}),(0,a.jsx)(o,{src:"/images/stem.png",style:{transform:"flipped-up"===t?"rotate(90deg)":"up"===t?"rotate(180deg)":void 0}})]})};t(37262)},50483:(s,e,t)=>{"use strict";t.d(e,{$X:()=>i,EM:()=>r,Hc:()=>p,I3:()=>d,OB:()=>l,OM:()=>b,Xv:()=>c,mh:()=>o,rw:()=>m});var a=t(64833),n=t(97718);let r=[{tension:170,friction:60}],l=(0,a.z)("button")({name:"BaseWrapper",class:"b8ou0aw",propsAsIs:!1}),o=(0,a.z)(n.q.div)({name:"Layer",class:"l145skp",propsAsIs:!0}),i=(0,a.z)("div")({name:"Skew",class:"scsyhkg",propsAsIs:!1}),p=(0,a.z)("div")({name:"BaseElement",class:"bhu7dgk",propsAsIs:!1}),c=(0,a.z)(p)({name:"ChildElement",class:"cozlf4l",propsAsIs:!0}),d=(0,a.z)("div")({name:"BaseMargin",class:"bwtfw5o",propsAsIs:!1}),m=(0,a.z)("div")({name:"BasePadding",class:"b8p37cb",propsAsIs:!1}),b=(0,a.z)("div")({name:"InterjectedElement",class:"ibaje2d",propsAsIs:!1});t(82743)},13974:(s,e,t)=>{"use strict";t.d(e,{Z:()=>l});var a=t(79477),n=t(81618);let r=[{id:"consolidated",delay:1750},{id:"separate",delay:750},{id:"labeled",delay:3e3},{id:"separate",delay:250}],l=function(){let{mode:s="interval"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[e,t]=a.useState(0),l=r[e];(0,n.Z)(()=>{t((e+1)%r.length)},"interval"===s?l.delay:null);let o={};return a.useEffect(()=>{let a;if("interactive"!==s)return;let n=r[e];return(1===e||3===e)&&(a=window.setTimeout(()=>{t((e+1)%r.length)},n.delay)),()=>{window.clearTimeout(a)}},[s,e]),"interactive"===s&&(o.onMouseEnter=s=>{t(1)},o.onMouseLeave=s=>{t(3)},o.onFocus=o.onMouseEnter,o.onBlur=o.onMouseLeave),[e,l,o]}},98287:s=>{s.exports={w3wndm5:"w3wndm5",b8ou0aw:"b8ou0aw",t1kiese8:"t1kiese8",bwtfw5o:"bwtfw5o",b1rwkabi:"b1rwkabi"}},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=16135.cc77912fa9556a11.js.map