{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/dVJwW7mbs8ldqlKtom8x/cizfL8OfpIATIkxnw0Ve/MatrixRain01.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function MatrixRain01({textColor,heightMult,widthMult}){// Destructure textColor from props\nconst canvasRef=useRef(null);useEffect(()=>{const canvas=canvasRef.current;const ctx=canvas.getContext(\"2d\");const setCanvasDimensions=()=>{canvas.width=window.innerWidth*widthMult;canvas.height=window.innerHeight*heightMult;};setCanvasDimensions();window.addEventListener(\"resize\",setCanvasDimensions);const binary=[\"0\",\"1\"]// Binary characters\n;const fontSize=6;const columns=Math.floor(canvas.width/fontSize)||1;// Initialize each raindrop at a random position\nconst rainDrops=Array.from({length:columns},()=>Math.floor(Math.random()*canvas.height/fontSize));const draw=()=>{ctx.fillStyle=\"rgba(0, 0, 0, 0.05)\";ctx.fillRect(0,0,canvas.width,canvas.height);ctx.fillStyle=textColor// Use the textColor prop directly\n;ctx.font=`${fontSize}px monospace`;for(let i=0;i<rainDrops.length;i++){const text=[\"0\",\"1\"][Math.floor(Math.random()*2)];ctx.fillText(text,i*fontSize,rainDrops[i]*fontSize);if(rainDrops[i]*fontSize>canvas.height&&Math.random()>.975){rainDrops[i]=0;}rainDrops[i]++;}};const interval=setInterval(draw,50);return()=>{clearInterval(interval);};},[textColor,heightMult,widthMult])// Add textColor to the dependencies array\n;return /*#__PURE__*/_jsx(\"canvas\",{ref:canvasRef});}// Property Controls for the Framer Canvas\naddPropertyControls(MatrixRain01,{textColor:{title:\"Text Color\",type:ControlType.Color,defaultValue:\"#0F0\"},heightMult:{title:\"Height Multiplier\",type:ControlType.Number,defaultValue:1,min:.1,max:5,step:.1},widthMult:{title:\"Width Multiplier\",type:ControlType.Number,defaultValue:1,min:.1,max:5,step:.1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MatrixRain01\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MatrixRain01.map"],
  "mappings": "gHAAkJ,SAARA,EAA8B,CAAC,UAAAC,EAAU,WAAAC,EAAW,UAAAC,CAAS,EAAE,CACzM,IAAMC,EAAUC,EAAO,IAAI,EAAE,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAOH,EAAU,QAAcI,EAAID,EAAO,WAAW,IAAI,EAAQE,EAAoB,IAAI,CAACF,EAAO,MAAMG,EAAO,WAAWP,EAAUI,EAAO,OAAOG,EAAO,YAAYR,CAAW,EAAEO,EAAoB,EAAEC,EAAO,iBAAiB,SAASD,CAAmB,EAAE,IAAME,EAAO,CAAC,IAAI,GAAG,EAC7TC,EAAS,EAAQC,EAAQ,KAAK,MAAMN,EAAO,MAAMK,CAAQ,GAAG,EAC7DE,EAAU,MAAM,KAAK,CAAC,OAAOD,CAAO,EAAE,IAAI,KAAK,MAAM,KAAK,OAAO,EAAEN,EAAO,OAAOK,CAAQ,CAAC,EACkLG,EAAS,YAD9K,IAAI,CAACP,EAAI,UAAU,sBAAsBA,EAAI,SAAS,EAAE,EAAED,EAAO,MAAMA,EAAO,MAAM,EAAEC,EAAI,UAAUP,EAChNO,EAAI,KAAK,GAAGI,CAAQ,eAAe,QAAQI,EAAE,EAAEA,EAAEF,EAAU,OAAOE,IAAI,CAAC,IAAMC,EAAK,CAAC,IAAI,GAAG,EAAE,KAAK,MAAM,KAAK,OAAO,EAAE,CAAC,CAAC,EAAET,EAAI,SAASS,EAAKD,EAAEJ,EAASE,EAAUE,CAAC,EAAEJ,CAAQ,EAAKE,EAAUE,CAAC,EAAEJ,EAASL,EAAO,QAAQ,KAAK,OAAO,EAAE,OAAMO,EAAUE,CAAC,EAAE,GAAGF,EAAUE,CAAC,GAAI,CAAC,EAAkC,EAAE,EAAE,MAAM,IAAI,CAAC,cAAcD,CAAQ,CAAE,CAAE,EAAE,CAACd,EAAUC,EAAWC,CAAS,CAAC,EAClW,EAAK,SAAS,CAAC,IAAIC,CAAS,CAAC,CAAE,CACpDc,EAAoBlB,EAAa,CAAC,UAAU,CAAC,MAAM,aAAa,KAAKmB,EAAY,MAAM,aAAa,MAAM,EAAE,WAAW,CAAC,MAAM,oBAAoB,KAAKA,EAAY,OAAO,aAAa,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,UAAU,CAAC,MAAM,mBAAmB,KAAKA,EAAY,OAAO,aAAa,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC",
  "names": ["MatrixRain01", "textColor", "heightMult", "widthMult", "canvasRef", "pe", "ue", "canvas", "ctx", "setCanvasDimensions", "window", "binary", "fontSize", "columns", "rainDrops", "interval", "i", "text", "addPropertyControls", "ControlType"]
}