{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/h9Orv20fD5o1VKHixPad/BkR4GGcmNNHotoF6NlpY/Matrix.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerDisableUnlink\n */ export function MatrixEffect(props){const canvasRef=React.useRef(null);const{fontSize,color,speed}=props;React.useEffect(()=>{if(canvasRef.current){const canvas=canvasRef.current;const ctx=canvas.getContext(\"2d\");canvas.width=window.innerWidth;canvas.height=window.innerHeight;const letters=\"ABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZABCDEFGHIJKLMNOPQRSTUVXYZ\".split(\"\");const columns=canvas.width/fontSize;const drops=[];for(let i=0;i<columns;i++){drops[i]=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=color;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,speed);return()=>{clearInterval(intervalId);};}},[canvasRef,fontSize,color,speed]);return /*#__PURE__*/ _jsx(motion.canvas,{ref:canvasRef});}MatrixEffect.defaultProps={fontSize:10,color:\"#0f0\",speed:33};addPropertyControls(MatrixEffect,{fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:10,min:5,max:20,step:1},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#0f0\"},speed:{type:ControlType.Number,title:\"Speed\",defaultValue:33,min:1,max:100,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"MatrixEffect\":{\"type\":\"reactComponent\",\"name\":\"MatrixEffect\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Matrix.map"],
  "mappings": "kHAIW,SAASA,EAAaC,EAAM,CAAC,IAAMC,EAAgBC,EAAO,IAAI,EAAO,CAAC,SAAAC,EAAS,MAAAC,EAAM,MAAAC,CAAK,EAAEL,EAAM,OAAMM,EAAU,IAAI,CAAC,GAAGL,EAAU,QAAQ,CAA6Y,IAASM,EAAT,UAAe,CAACC,EAAI,UAAU,oBAAoBA,EAAI,SAAS,EAAE,EAAEC,EAAO,MAAMA,EAAO,MAAM,EAAE,QAAQC,EAAE,EAAEA,EAAEC,EAAM,OAAOD,IAAI,CAAC,IAAME,EAAKC,EAAQ,KAAK,MAAM,KAAK,OAAO,EAAEA,EAAQ,MAAM,CAAC,EAAEL,EAAI,UAAUJ,EAAMI,EAAI,SAASI,EAAKF,EAAEP,EAASQ,EAAMD,CAAC,EAAEP,CAAQ,EAAEQ,EAAMD,CAAC,IAAOC,EAAMD,CAAC,EAAEP,EAASM,EAAO,QAAQ,KAAK,OAAO,EAAE,MAAKE,EAAMD,CAAC,EAAE,GAAI,EAArtBD,EAAOR,EAAU,QAAcO,EAAIC,EAAO,WAAW,IAAI,EAAEA,EAAO,MAAMK,EAAO,WAAWL,EAAO,OAAOK,EAAO,YAAY,IAAMD,EAAQ,yJAAyJ,MAAM,EAAE,EAAQE,EAAQN,EAAO,MAAMN,EAAeQ,EAAM,CAAC,EAAE,QAAQD,EAAE,EAAEA,EAAEK,EAAQL,IAAKC,EAAMD,CAAC,EAAE,EAAmV,IAAMM,EAAW,YAAYT,EAAKF,CAAK,EAAE,MAAM,IAAI,CAAC,cAAcW,CAAU,CAAE,EAAG,EAAE,CAACf,EAAUE,EAASC,EAAMC,CAAK,CAAC,EAAuBY,EAAKC,EAAO,OAAO,CAAC,IAAIjB,CAAS,CAAC,CAAE,CAACF,EAAa,aAAa,CAAC,SAAS,GAAG,MAAM,OAAO,MAAM,EAAE,EAAEoB,EAAoBpB,EAAa,CAAC,SAAS,CAAC,KAAKqB,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,MAAM,QAAQ,aAAa,MAAM,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,MAAM,QAAQ,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC",
  "names": ["MatrixEffect", "props", "canvasRef", "pe", "fontSize", "color", "speed", "ue", "draw", "ctx", "canvas", "i", "drops", "text", "letters", "window", "columns", "intervalId", "p", "motion", "addPropertyControls", "ControlType"]
}