{"version":3,"file":"InteractiveGrid.O2p2CQq7.mjs","names":["React.useState","React.useRef"],"sources":["https:/framerusercontent.com/modules/C8vAGYB6W5DUJEKrErCF/nT7DpcrRdTD568AaB4cn/InteractiveGrid.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function InteractiveGrid(props){const[mousePos,setMousePos]=React.useState({x:0,y:0});const containerRef=React.useRef(null);const handleMouseMove=e=>{if(!containerRef.current)return;const rect=containerRef.current.getBoundingClientRect();setMousePos({x:e.clientX-rect.left,y:e.clientY-rect.top});};return /*#__PURE__*/_jsxs(\"div\",{ref:containerRef,onMouseMove:handleMouseMove,style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",backgroundColor:props.backgroundColor},children:[/*#__PURE__*/_jsx(\"div\",{style:{...absoluteFill,backgroundImage:`radial-gradient(${props.dotColor} 1.5px, transparent 1.5px)`,backgroundSize:\"24px 24px\"}}),/*#__PURE__*/_jsx(\"div\",{style:{...absoluteFill,backgroundImage:`radial-gradient(${props.glowColor} 1.5px, transparent 1.5px)`,backgroundSize:\"24px 24px\",WebkitMaskImage:`radial-gradient(${props.glowRadius}px circle at ${mousePos.x}px ${mousePos.y}px, black 40%, transparent)`,maskImage:`radial-gradient(${props.glowRadius}px circle at ${mousePos.x}px ${mousePos.y}px, black 40%, transparent)`}})]});}const absoluteFill={position:\"absolute\",top:0,left:0,right:0,bottom:0,pointerEvents:\"none\"};addPropertyControls(InteractiveGrid,{backgroundColor:{type:ControlType.Color,defaultValue:\"#F4F4F5\",title:\"Background\"},dotColor:{type:ControlType.Color,defaultValue:\"#E2E8F0\",title:\"Dot Color\"},glowColor:{type:ControlType.Color,defaultValue:\"#00E05E\",title:\"Glow Color\"},glowRadius:{type:ControlType.Number,defaultValue:300,min:50,max:1e3,title:\"Glow Radius\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"InteractiveGrid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./InteractiveGrid.map"],"mappings":"mLAAyI,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,EAAS,GAAaA,EAAe,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAO,EAAaC,EAAa,KAAK,CAA+K,OAAoB,EAAM,MAAM,CAAC,IAAI,EAAa,YAA1M,GAAG,CAAC,GAAG,CAAC,EAAa,QAAQ,OAAO,IAAM,EAAK,EAAa,QAAQ,uBAAuB,CAAC,EAAY,CAAC,EAAE,EAAE,QAAQ,EAAK,KAAK,EAAE,EAAE,QAAQ,EAAK,IAAI,CAAC,EAAiF,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,SAAS,gBAAgB,EAAM,gBAAgB,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAa,gBAAgB,mBAAmB,EAAM,SAAS,4BAA4B,eAAe,YAAY,CAAC,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAa,gBAAgB,mBAAmB,EAAM,UAAU,4BAA4B,eAAe,YAAY,gBAAgB,mBAAmB,EAAM,WAAW,eAAe,EAAS,EAAE,KAAK,EAAS,EAAE,6BAA6B,UAAU,mBAAmB,EAAM,WAAW,eAAe,EAAS,EAAE,KAAK,EAAS,EAAE,6BAA6B,CAAC,CAAC,CAAC,CAAC,CAAC,oBAA3nC,IAA4B,IAAoD,CAAmjC,EAAa,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,OAAO,CAAC,EAAoB,EAAgB,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,aAAa,UAAU,MAAM,aAAa,CAAC,SAAS,CAAC,KAAK,EAAY,MAAM,aAAa,UAAU,MAAM,YAAY,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,aAAa,UAAU,MAAM,aAAa,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,aAAa,IAAI,IAAI,GAAG,IAAI,IAAI,MAAM,cAAc,CAAC,CAAC"}