(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55147],{89223:(s,e,r)=>{"use strict";r.d(e,{A:()=>m});var n=r(95751),c=r(88655),l=r(70785),t=r(10779),a=r(32692);let p=c.forwardRef(function(s,e){let{Icon:r,iconSide:c="left",iconProps:l={},backgroundColor:t,highlightColor:p,boopEffect:m={rotation:10},children:x,style:w={},discouraged:g=!1,href:h,textAlign:j="center",...f}=s,[A,y]=(0,a.A)(m);return(0,n.jsxs)(o,{ref:e,onMouseEnter:()=>{y()},style:{"--pb-background-color":t,"--pb-highlight-color":p,...w},"data-discouraged":g,href:h,as:"string"==typeof h?"a":"button",...f,children:[r&&(0,n.jsx)(d,{style:{order:"left"===c?1:3},children:(0,n.jsx)(b,{children:(0,n.jsx)(I,{style:A,children:(0,n.jsx)(r,{size:20,...l})})})}),x&&(0,n.jsx)(u,{style:{order:2},children:x}),"true-center"===j&&(0,n.jsx)(i,{style:{order:"left"===c?3:1}})]})}),o=(0,l.I)("button")({name:"Wrapper",class:"w19mrn5v",propsAsIs:!1}),i=(0,l.I)("span")({name:"Col",class:"c1rpf4ut",propsAsIs:!1}),d=(0,l.I)(i)({name:"IconCol",class:"iwv8n0j",propsAsIs:!0}),b=(0,l.I)("span")({name:"IconBox",class:"i1qpbbb9",propsAsIs:!1}),I=(0,l.I)(t.CS.span)({name:"IconWrapper",class:"i1m1cbkp",propsAsIs:!0}),u=(0,l.I)("span")({name:"ChildWrapper",class:"c7sw782",propsAsIs:!1}),m=p;r(82467)},89754:(s,e,r)=>{"use strict";r.d(e,{A:()=>l});var n=r(70785),c=r(89223);let l=(0,n.I)(c.A)({name:"ButtonPrimary",class:"bcww6zb",propsAsIs:!0});r(62160)},77528:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>y});var n=r(95751),c=r(88655),l=r(70785),t=r(63832),a=r(10779),p=r(98456),o=r(88630),i=r(89754);let d=(0,l.I)(o.Ay)({name:"Wrapper",class:"weuwhgo",propsAsIs:!0}),b=(0,l.I)("div")({name:"ContentOuterWrapper",class:"cqd47wt",propsAsIs:!1}),I=(0,l.I)("div")({name:"ContentWrapper",class:"c1yc0wlg",propsAsIs:!1}),u=(0,l.I)("div")({name:"Label",class:"l16tgb2g",propsAsIs:!1}),m=(0,l.I)("div")({name:"BoxWrapper",class:"b1ld8tcn",propsAsIs:!1}),x=(0,l.I)(a.CS.div)({name:"RSBox",class:"r1fc0mb5",propsAsIs:!0}),w=(0,l.I)("div")({name:"CssBox",class:"cldk6rb",propsAsIs:!1}),g=(0,l.I)("div")({name:"BackgroundBox",class:"b1s2bgk5",propsAsIs:!1}),h=(0,l.I)(g)({name:"BackgroundBoxLeft",class:"blc25ia",propsAsIs:!0}),j=(0,l.I)(g)({name:"BackgroundBoxRight",class:"b1y3pmwg",propsAsIs:!0}),f=(0,l.I)(i.A)({name:"Button",class:"b1njyruy",propsAsIs:!0}),A=(0,l.I)("div")({name:"Footer",class:"f152venn",propsAsIs:!1}),y=function(s){let{boxes:e}=s,[r,l]=c.useState("left"),o=c.useRef(null),i=(0,p.A)(o),g=(null==i?void 0:i.width)?i.width-55-12:0,y="left"===r?0:g,k="translateX(".concat(y,"px)"),v=(0,a.zh)({to:{x:y},config:{tension:100,friction:10,mass:1,precision:1e-4}});return(0,n.jsxs)(d,{colorMode:"dark","data-can-be-annotated":!1,children:[(0,n.jsx)(b,{children:(0,n.jsxs)(I,{ref:o,children:[e.includes("css")&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(u,{children:["Using ",(0,n.jsx)("em",{children:"linear()"}),":"]}),(0,n.jsxs)(m,{children:[(0,n.jsx)(h,{}),(0,n.jsx)(j,{}),(0,n.jsx)(w,{style:{transform:k}})]})]}),e.includes("rs")&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(u,{children:["Using ",(0,n.jsx)("em",{children:"React Spring"}),":"]}),(0,n.jsxs)(m,{children:[(0,n.jsx)(h,{}),(0,n.jsx)(j,{}),(0,n.jsx)(x,{style:v})]})]})]})}),(0,n.jsx)(A,{children:(0,n.jsx)(f,{Icon:t.A,onClick:()=>l("left"===r?"right":"left"),children:"Run Animation"})})]})};r(471)},82467:s=>{s.exports={w19mrn5v:"w19mrn5v",c1rpf4ut:"c1rpf4ut",iwv8n0j:"iwv8n0j",i1qpbbb9:"i1qpbbb9",i1m1cbkp:"i1m1cbkp",c7sw782:"c7sw782"}},62160:s=>{s.exports={bcww6zb:"bcww6zb",d16kq653:"d16kq653"}},471:s=>{s.exports={weuwhgo:"weuwhgo",cqd47wt:"cqd47wt",c1yc0wlg:"c1yc0wlg",l16tgb2g:"l16tgb2g",b1ld8tcn:"b1ld8tcn",r1fc0mb5:"r1fc0mb5",cldk6rb:"cldk6rb",b1s2bgk5:"b1s2bgk5",blc25ia:"blc25ia",b1y3pmwg:"b1y3pmwg",b1njyruy:"b1njyruy",f152venn:"f152venn"}}}]);
//# sourceMappingURL=55147.a40a58199e7fa410.js.map