{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/jsydtkhQTquBxRyzEQQH/pBMDZbDMZB5e0F8gNHVN/Typing.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useState}from\"react\";import{useCSS}from\"https://framerusercontent.com/modules/rXc4uB87o5IcSYyUIZiM/7NoJdtdLEcCYk7Vz7JXw/utils.js\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */ export default function Typing({words,mobile}){useCSS(css,\"typing\");const[state,setState]=useState(()=>{const wordIndex=0;return{word:wordIndex,letter:words[wordIndex].value.length};});useEffect(()=>{let handle;function type(){setState(({letter,word})=>{clearTimeout(handle);if(letter>words[word].value.length*2){handle=setTimeout(type,500);return{letter:-1,word:(word+1)%words.length};}const next=letter+1;let ms;if(next===words[word].value.length){ms=3e3;}else if(next>words[word].value.length){ms=75;}else{ms=150;}handle=setTimeout(type,ms);return{letter:next,word};});}handle=setTimeout(type,3e3);return()=>{clearTimeout(handle);};},[words]);const end=state.letter<words[state.word].value.length?state.letter:2*words[state.word].value.length-state.letter;return /*#__PURE__*/ _jsxs(\"div\",{style:{...container,...mobile?containerMobile:{}},children:[state.letter>=0&&/*#__PURE__*/ _jsx(\"img\",{style:{...logo,...mobile?logoMobile:{}},src:words[state.word].image}),words[state.word].value.substring(0,end),/*#__PURE__*/ _jsx(\"span\",{style:{animation:\"typing-blink 1s infinite\"},children:\"|\"})]});};const container={color:\"#7C7C7C\",fontFamily:\"'Cygnito Mono Regular'\",fontSize:96,letterSpacing:\"-6px\",lineHeight:\"144px\",marginTop:-40};const containerMobile={fontSize:36,letterSpacing:\"-3px\",lineHeight:\"54px\",marginTop:-10};const logo={marginRight:18,width:64,height:64};const logoMobile={marginRight:8,width:30,height:30};const css=`\n    @keyframes typing-blink {\n        0% {\n            opacity: 1;\n        }\n        50% {\n            opacity: 0;\n        }\n        100% {\n            opacity: 1;\n        }\n    }\n`;addPropertyControls(Typing,{words:{type:ControlType.Array,control:{type:ControlType.Object,controls:{value:{type:ControlType.String},image:{type:ControlType.Image}}},defaultValue:[{value:\"VALUE\"}]},mobile:{type:ControlType.Boolean,defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Typing\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Typing.map"],
  "mappings": "kJAGmB,SAARA,EAAwB,CAAC,MAAAC,EAAM,OAAAC,CAAM,EAAE,CAACC,EAAOC,EAAI,QAAQ,EAAE,GAAK,CAACC,EAAMC,CAAQ,EAAEC,EAAS,KAA6B,CAAC,KAAK,EAAU,OAAON,EAAM,CAAS,EAAE,MAAM,MAAM,EAAG,EAAEO,EAAU,IAAI,CAAC,IAAIC,EAAO,SAASC,GAAM,CAACJ,EAAS,CAAC,CAAC,OAAAK,EAAO,KAAAC,CAAI,IAAI,CAAsB,GAArB,aAAaH,CAAM,EAAKE,EAAOV,EAAMW,CAAI,EAAE,MAAM,OAAO,EAAG,OAAAH,EAAO,WAAWC,EAAK,GAAG,EAAQ,CAAC,OAAO,GAAG,MAAME,EAAK,GAAGX,EAAM,MAAM,EAAG,IAAMY,EAAKF,EAAO,EAAMG,EAAG,OAAGD,IAAOZ,EAAMW,CAAI,EAAE,MAAM,OAAQE,EAAG,IAAaD,EAAKZ,EAAMW,CAAI,EAAE,MAAM,OAAQE,EAAG,GAASA,EAAG,IAAKL,EAAO,WAAWC,EAAKI,CAAE,EAAQ,CAAC,OAAOD,EAAK,KAAAD,CAAI,CAAE,CAAC,CAAE,CAAC,OAAAH,EAAO,WAAWC,EAAK,GAAG,EAAQ,IAAI,CAAC,aAAaD,CAAM,CAAE,CAAE,EAAE,CAACR,CAAK,CAAC,EAAE,IAAMc,EAAIV,EAAM,OAAOJ,EAAMI,EAAM,IAAI,EAAE,MAAM,OAAOA,EAAM,OAAO,EAAEJ,EAAMI,EAAM,IAAI,EAAE,MAAM,OAAOA,EAAM,OAAO,OAAqBW,EAAM,MAAM,CAAC,MAAM,CAAC,GAAGC,EAAU,GAAGf,EAAOgB,EAAgB,CAAC,CAAC,EAAE,SAAS,CAACb,EAAM,QAAQ,GAAiBc,EAAK,MAAM,CAAC,MAAM,CAAC,GAAGC,EAAK,GAAGlB,EAAOmB,EAAW,CAAC,CAAC,EAAE,IAAIpB,EAAMI,EAAM,IAAI,EAAE,KAAK,CAAC,EAAEJ,EAAMI,EAAM,IAAI,EAAE,MAAM,UAAU,EAAEU,CAAG,EAAgBI,EAAK,OAAO,CAAC,MAAM,CAAC,UAAU,0BAA0B,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAAE,IAAMF,EAAU,CAAC,MAAM,UAAU,WAAW,yBAAyB,SAAS,GAAG,cAAc,OAAO,WAAW,QAAQ,UAAU,GAAG,EAAQC,EAAgB,CAAC,SAAS,GAAG,cAAc,OAAO,WAAW,OAAO,UAAU,GAAG,EAAQE,EAAK,CAAC,YAAY,GAAG,MAAM,GAAG,OAAO,EAAE,EAAQC,EAAW,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,EAAE,EAAQjB,EAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY35CkB,EAAoBtB,EAAO,CAAC,MAAM,CAAC,KAAKuB,EAAY,MAAM,QAAQ,CAAC,KAAKA,EAAY,OAAO,SAAS,CAAC,MAAM,CAAC,KAAKA,EAAY,MAAM,EAAE,MAAM,CAAC,KAAKA,EAAY,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,MAAM,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,KAAKA,EAAY,QAAQ,aAAa,EAAK,CAAC,CAAC",
  "names": ["Typing", "words", "mobile", "useCSS", "css", "state", "setState", "ye", "ue", "handle", "type", "letter", "word", "next", "ms", "end", "u", "container", "containerMobile", "p", "logo", "logoMobile", "addPropertyControls", "ControlType"]
}