{"version":3,"file":"ProjectClosing.HBp-2aTr.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/kqnq0r6b2HJJszG9DzDF/Qi1Ko86XGpivO8w19tVt/ProjectClosing.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useRef,useState,useEffect}from\"react\";function useBreakpoint(){const getBreakpoint=()=>{if(typeof window===\"undefined\")return\"desktop\";if(window.innerWidth<600)return\"phone\";if(window.innerWidth<900)return\"tablet\";return\"desktop\";};const[bp,setBp]=useState(getBreakpoint());useEffect(()=>{const handler=()=>setBp(getBreakpoint());window.addEventListener(\"resize\",handler);return()=>window.removeEventListener(\"resize\",handler);},[]);return bp;}export default function ProjectClosing(props){const{topText=\"\",text=\"\",leftText=\"\",rightText=\"\",paddingTop=48,paddingBottom=80,speed=40}=props;const bp=useBreakpoint();const ref=useRef(null);const[displayed,setDisplayed]=useState(\"\");const[showCursor,setShowCursor]=useState(true);const[done,setDone]=useState(false);const started=useRef(false);const sidePadding=bp===\"phone\"?\"16px\":bp===\"tablet\"?\"20px\":\"40px\";const fontSize=bp===\"desktop\"?35:bp===\"tablet\"?25:20;const karmaSize=bp===\"desktop\"?18:15;useEffect(()=>{started.current=false;setDisplayed(\"\");setDone(false);setShowCursor(true);},[text]);useEffect(()=>{const el=ref.current;if(!el||!text)return;function runTypewriter(){if(started.current)return;started.current=true;let i=0;function typeNext(){if(i>=text.length){setDone(true);return;}i++;setDisplayed(text.slice(0,i));const jitter=speed*.3;const delay=speed-jitter+Math.random()*jitter*2;setTimeout(typeNext,delay);}typeNext();}if(typeof IntersectionObserver===\"undefined\"){runTypewriter();return;}const obs=new IntersectionObserver(([entry])=>{if(entry.isIntersecting){obs.disconnect();runTypewriter();}},{threshold:.1});obs.observe(el);return()=>obs.disconnect();},[text,speed]);useEffect(()=>{if(done){setShowCursor(false);return;}const id=setInterval(()=>setShowCursor(c=>!c),530);return()=>clearInterval(id);},[done]);const hasDuo=leftText||rightText;const karmaStyle={margin:0,fontFamily:\"'Karma', serif\",fontWeight:500,fontSize:karmaSize,lineHeight:\"1.4em\",letterSpacing:\"-0.02em\",color:\"rgb(0,0,0)\",textAlign:\"center\"};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",padding:`0px ${sidePadding}`},children:[topText&&/*#__PURE__*/_jsx(\"p\",{style:{...karmaStyle,padding:`${paddingTop}px 0px 24px 0px`},children:topText}),text&&/*#__PURE__*/_jsxs(\"p\",{ref:ref,style:{margin:\"0 auto\",padding:`${topText?0:paddingTop}px 0px ${hasDuo?24:paddingBottom}px 0px`,fontFamily:\"'Kameron', serif\",fontWeight:600,fontSize,lineHeight:\"1.3em\",letterSpacing:\"-0.02em\",color:\"rgb(0,0,0)\",maxWidth:\"42ch\",textAlign:\"center\"},children:[displayed,!done&&/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",width:\"2px\",height:\"0.8em\",backgroundColor:\"rgb(0,0,0)\",marginLeft:\"2px\",verticalAlign:\"middle\",opacity:showCursor?1:0}})]}),hasDuo&&/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"row\",gap:\"40px\",justifyContent:\"center\",paddingBottom:`${paddingBottom}px`},children:[leftText&&/*#__PURE__*/_jsx(\"p\",{style:karmaStyle,children:leftText}),rightText&&/*#__PURE__*/_jsx(\"p\",{style:karmaStyle,children:rightText})]})]});}addPropertyControls(ProjectClosing,{topText:{type:ControlType.String,title:\"Texto superior\",displayTextArea:true},text:{type:ControlType.String,title:\"Texto de cierre\",displayTextArea:true},leftText:{type:ControlType.String,title:\"Texto izquierdo\",displayTextArea:true},rightText:{type:ControlType.String,title:\"Texto derecho\",displayTextArea:true},speed:{type:ControlType.Number,title:\"Velocidad (ms)\",defaultValue:40,min:10,max:200,step:5},paddingTop:{type:ControlType.Number,title:\"Padding Top\",defaultValue:48,min:0,max:200,step:4,unit:\"px\"},paddingBottom:{type:ControlType.Number,title:\"Padding Bottom\",defaultValue:80,min:0,max:200,step:4,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProjectClosing\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProjectClosing.map"],"mappings":"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"}