{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/bmRrbN9jKru5gyPLfe5P/ckqr6FM3ubic37sOeZH1/hoverEffect.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{useSpring}from\"framer-motion\";const ROTATE_VALUE=30;export function withHover(Component){return props=>{const ref=useRef(null);const springConfig={stiffness:1e3,damping:100};const rotateX=useSpring(0,springConfig);const rotateY=useSpring(0,springConfig);useEffect(()=>{const handleMouseMove=e=>{if(ref.current){const rect=ref.current.getBoundingClientRect();const isInsideComponent=e.clientX>=rect.left&&e.clientX<=rect.right&&e.clientY>=rect.top&&e.clientY<=rect.bottom;if(isInsideComponent){const centerX=rect.left+rect.width/2;const centerY=rect.top+rect.height/2;const deltaX=e.clientX-centerX;const deltaY=e.clientY-centerY;const rotateXValue=deltaY/rect.height*ROTATE_VALUE;const rotateYValue=deltaX/rect.width*ROTATE_VALUE;console.log(\"rotateXValue\",rotateXValue);console.log(\"rotateYValue\",-rotateYValue);rotateX.set(-rotateXValue);rotateY.set(rotateYValue);}else{rotateX.set(0);rotateY.set(0);}}};window.addEventListener(\"mousemove\",handleMouseMove);return()=>{window.removeEventListener(\"mousemove\",handleMouseMove);};},[rotateX,rotateY]);return /*#__PURE__*/_jsx(Component,{...props,style:{rotateX,rotateY},ref:ref});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./hoverEffect.map"],
  "mappings": "uGAAoH,IAAMA,EAAa,GAAU,SAASC,EAAUC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMC,EAAIC,EAAO,IAAI,EAAQC,EAAa,CAAC,UAAU,IAAI,QAAQ,GAAG,EAAQC,EAAQC,EAAU,EAAEF,CAAY,EAAQG,EAAQD,EAAU,EAAEF,CAAY,EAAE,OAAAI,EAAU,IAAI,CAAC,IAAMC,EAAgB,GAAG,CAAC,GAAGP,EAAI,QAAQ,CAAC,IAAMQ,EAAKR,EAAI,QAAQ,sBAAsB,EAAmH,GAAzF,EAAE,SAASQ,EAAK,MAAM,EAAE,SAASA,EAAK,OAAO,EAAE,SAASA,EAAK,KAAK,EAAE,SAASA,EAAK,OAA4B,CAAC,IAAMC,EAAQD,EAAK,KAAKA,EAAK,MAAM,EAAQE,EAAQF,EAAK,IAAIA,EAAK,OAAO,EAAQG,EAAO,EAAE,QAAQF,EAA6CG,GAAxB,EAAE,QAAQF,GAAkCF,EAAK,OAAOZ,EAAmBiB,EAAaF,EAAOH,EAAK,MAAMZ,EAAa,QAAQ,IAAI,eAAegB,CAAY,EAAE,QAAQ,IAAI,eAAe,CAACC,CAAY,EAAEV,EAAQ,IAAI,CAACS,CAAY,EAAEP,EAAQ,IAAIQ,CAAY,CAAE,MAAMV,EAAQ,IAAI,CAAC,EAAEE,EAAQ,IAAI,CAAC,CAAG,CAAC,EAAE,OAAAS,EAAO,iBAAiB,YAAYP,CAAe,EAAQ,IAAI,CAACO,EAAO,oBAAoB,YAAYP,CAAe,CAAE,CAAE,EAAE,CAACJ,EAAQE,CAAO,CAAC,EAAsB,EAAKP,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,QAAAI,EAAQ,QAAAE,CAAO,EAAE,IAAIL,CAAG,CAAC,CAAE,CAAE",
  "names": ["ROTATE_VALUE", "withHover", "Component", "props", "ref", "pe", "springConfig", "rotateX", "useSpring", "rotateY", "ue", "handleMouseMove", "rect", "centerX", "centerY", "deltaX", "rotateXValue", "rotateYValue", "window"]
}