{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/wYFiRp6MAGYW8MrVO7PZ/tSLSAPqk5gyGdMCyWzpy/InvertOverride.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";// Higher-order component to apply invert hover effect to an image\nexport function withInvertOnHover(Component){return props=>{// State to manage hover\nconst[isHovered,setIsHovered]=useState(false);// Check props and component\nconsole.log(\"Component props:\",props);console.log(\"Component:\",Component);return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,transition:\"filter 0.3s ease\",filter:isHovered?\"invert(100%)\":\"invert(0%)\"},onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false)});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withInvertOnHover\":{\"type\":\"reactHoc\",\"name\":\"withInvertOnHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./InvertOverride.map"],
  "mappings": "gDACO,SAASA,EAAkBC,EAAU,CAAC,OAAOC,GAAO,CAC3D,GAAK,CAACC,EAAUC,CAAY,EAAEC,EAAS,EAAK,EAC5C,eAAQ,IAAI,mBAAmBH,CAAK,EAAE,QAAQ,IAAI,aAAaD,CAAS,EAAsBK,EAAKL,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,GAAGA,EAAM,MAAM,WAAW,mBAAmB,OAAOC,EAAU,eAAe,YAAY,EAAE,aAAa,IAAIC,EAAa,EAAI,EAAE,aAAa,IAAIA,EAAa,EAAK,CAAC,CAAC,CAAE,CAAE",
  "names": ["withInvertOnHover", "Component", "props", "isHovered", "setIsHovered", "ye", "p"]
}