{"version":3,"file":"Matrixeffect.CSBlywtK.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/n8w8eRM2IAgGZExPRc3I/i6M54QSgpTF9b5VdjNkE/Matrixeffect.js"],"sourcesContent":["import{jsx as _jsx,Fragment as _Fragment}from\"react/jsx-runtime\";import{useRef,useEffect}from\"react\";function MatrixEffect(){const canvasRef=useRef(null);useEffect(()=>{const canvas=canvasRef.current;const ctx=canvas.getContext(\"2d\");// Function to update canvas size\nconst updateCanvasSize=()=>{canvas.width=window.innerWidth;canvas.height=window.innerHeight;};// Update canvas size on mount and add resize event listener\nupdateCanvasSize();window.addEventListener(\"resize\",updateCanvasSize);let letters=\"ABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZ\";letters=letters.split(\"\");const fontSize=10// You can make this dynamic based on screen size if necessary\n;const columns=canvas.width/fontSize;const drops=Array.from({length:columns}).fill(1);function draw(){ctx.fillStyle=\"rgba(0, 0, 0, .1)\";ctx.fillRect(0,0,canvas.width,canvas.height);for(let i=0;i<drops.length;i++){const text=letters[Math.floor(Math.random()*letters.length)];ctx.fillStyle=\"#0f0\";ctx.fillText(text,i*fontSize,drops[i]*fontSize);drops[i]++;if(drops[i]*fontSize>canvas.height&&Math.random()>.95){drops[i]=0;}}}const intervalId=setInterval(draw,30);// Cleanup: Remove event listener and clear interval on unmount\nreturn()=>{clearInterval(intervalId);window.removeEventListener(\"resize\",updateCanvasSize);};},[]);// Inline styles\nconst canvasStyle={display:\"block\",width:\"100vw\",height:\"100vh\"};const bodyStyle={margin:0,padding:0,background:\"#000\"};return /*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(\"div\",{style:bodyStyle,children:/*#__PURE__*/_jsx(\"canvas\",{ref:canvasRef,style:canvasStyle})})});}export default MatrixEffect;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MatrixEffect\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Matrixeffect.map"],"mappings":"kNAAqG,SAAS,GAAc,CAAC,IAAM,EAAU,EAAO,KAAK,CAAC,EAAU,IAAI,CAAC,IAAM,EAAO,EAAU,QAAc,EAAI,EAAO,WAAW,KAAK,CACnO,EAAiB,IAAI,CAAgC,AAA/B,EAAO,MAAM,EAAO,WAAW,EAAO,OAAO,EAAO,WAAa,EAC1E,AAAnB,GAAkB,CAAC,EAAO,iBAAiB,SAAS,EAAiB,CAAC,IAAI,EAAQ,yJAAyJ,EAAQ,EAAQ,MAAM,GAAG,CAAC,IAAM,EAAS,GAC7Q,EAAQ,EAAO,MAAM,EAAe,EAAM,MAAM,KAAK,CAAC,OAAO,CAAQ,EAAC,CAAC,KAAK,EAAE,CAAC,SAAS,GAAM,CAAmC,AAAlC,EAAI,UAAU,oBAAoB,EAAI,SAAS,EAAE,EAAE,EAAO,MAAM,EAAO,OAAO,CAAC,IAAI,IAAI,EAAE,EAAE,EAAE,EAAM,OAAO,IAAI,CAAC,IAAM,EAAK,EAAQ,KAAK,MAAM,KAAK,QAAQ,CAAC,EAAQ,OAAO,EAAkF,AAAhF,EAAI,UAAU,OAAO,EAAI,SAAS,EAAK,EAAE,EAAS,EAAM,GAAG,EAAS,CAAC,EAAM,KAAQ,EAAM,GAAG,EAAS,EAAO,QAAQ,KAAK,QAAQ,CAAC,MAAK,EAAM,GAAG,EAAI,CAAC,KAAM,EAAW,YAAY,EAAK,GAAG,CAC5c,MAAM,IAAI,CAA2B,AAA1B,cAAc,EAAW,CAAC,EAAO,oBAAoB,SAAS,EAAiB,AAAE,CAAE,EAAC,CAAE,EAAC,CAClG,IAAM,EAAY,CAAC,QAAQ,QAAQ,MAAM,QAAQ,OAAO,OAAQ,EAAO,EAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,MAAO,EAAC,MAAoB,GAAKA,EAAU,CAAC,SAAsB,EAAK,MAAM,CAAC,MAAM,EAAU,SAAsB,EAAK,SAAS,CAAC,IAAI,EAAU,MAAM,CAAY,EAAC,AAAC,EAAC,AAAC,EAAC,AAAE,oBAL1R,GAAiE,IAAoC,GAKoM"}