(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53790],{85018:(s,e,r)=>{"use strict";r.d(e,{A:()=>t});let t=(0,r(2651).A)("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},43256:(s,e,r)=>{"use strict";r.d(e,{A:()=>t});let t=(0,r(31928).I)("button")({name:"DefaultButton",class:"dj4vswd",propsAsIs:!1});r(25551)},53790:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>b});var t=r(87687),a=r(52751),n=r(31928),p=r(59341),l=r(85018),d=r(43256),o=r(71597);let c=(0,n.I)(o.A)({name:"Wrapper",class:"wg8w20o",propsAsIs:!0}),i=(0,n.I)("p")({name:"Title",class:"t19neper",propsAsIs:!1}),h=(0,n.I)("p")({name:"State",class:"sfq47zh",propsAsIs:!1}),u=function(s){let{num:e,state:r,snippet:n,transform:p}=s,[l,d]=a.useState("translate(0%, 0%) rotate(0deg)");return a.useEffect(()=>{d(p)},[p]),(0,t.jsxs)(c,{style:{transform:l},children:[(0,t.jsxs)(i,{children:["— Snapshot #",e," —"]}),(0,t.jsx)(h,{children:r}),n]})};r(5731);let w=["translate(-25%, -30%) rotate(-16deg)","translate(25%, -8%) rotate(12deg)","translate(4%, 20%) rotate(-3deg)"],m=(0,n.I)("div")({name:"Wrapper",class:"wgq2kry",propsAsIs:!1}),I=(0,n.I)("section")({name:"DragArea",class:"do7prpn",propsAsIs:!1}),f=(0,n.I)(p.P.div)({name:"SnapWrapper",class:"smb5mwk",propsAsIs:!0}),x=(0,n.I)("div")({name:"ResetRow",class:"r18lbban",propsAsIs:!1}),A=(0,n.I)(d.A)({name:"Button",class:"bn775xw",propsAsIs:!0}),b=function(s){let{data:e}=s,r=a.useRef(null),[n,p]=a.useState("initial");return(0,t.jsxs)(m,{children:[(0,t.jsx)(I,{ref:r,children:e.map((s,e)=>(0,t.jsx)(f,{drag:!0,dragConstraints:r,dragSnapToOrigin:!1,children:(0,t.jsx)(u,{...s,transform:w[e]},s.num)},e))},n),(0,t.jsx)(x,{children:(0,t.jsxs)(A,{onClick:()=>p(Math.random()),children:[(0,t.jsx)(l.A,{size:16})," Reset Cards"]})})]})};r(32315)},25551:s=>{s.exports={dj4vswd:"dj4vswd"}},32315:s=>{s.exports={wgq2kry:"wgq2kry",fadeIn:"fadeIn",do7prpn:"do7prpn",smb5mwk:"smb5mwk",r18lbban:"r18lbban",bn775xw:"bn775xw"}},5731:s=>{s.exports={wg8w20o:"wg8w20o",t19neper:"t19neper",sfq47zh:"sfq47zh"}}}]);
//# sourceMappingURL=53790.2fdfe5a529c23be3.js.map