{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/9GJBl9cO9IUDSdAr8RNo/zPGqJ6lfvJul1W1uQt0x/SPINNING_8.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";import{motion,animate,useInView}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";function SpinningNumbers(props){const{startNumber,endNumber,speed,font,fontColor,textAlign}=props;const[currentNumber,setCurrentNumber]=useState(startNumber);const ref=useRef(null);const isInView=useInView(ref,{once:true});useEffect(()=>{if(isInView){const controls=animate(startNumber,endNumber,{duration:speed,onUpdate(value){setCurrentNumber(Math.floor(value));}});return()=>controls.stop()// Cleanup on unmount\n;}},[isInView,startNumber,endNumber,speed]);return /*#__PURE__*/_jsx(motion.div,{ref:ref,style:{...font,color:fontColor,textAlign},children:currentNumber});}SpinningNumbers.defaultProps={startNumber:0,endNumber:100,speed:2,font:{fontFamily:\"Inter\",fontWeight:\"Regular\",fontSize:16,lineHeight:\"1.5em\"},fontColor:\"#000\",textAlign:\"center\"};addPropertyControls(SpinningNumbers,{startNumber:{type:ControlType.Number,title:\"Start Number\",defaultValue:0},endNumber:{type:ControlType.Number,title:\"End Number\",defaultValue:100},speed:{type:ControlType.Number,title:\"Speed\",defaultValue:2,min:.1,max:10,step:.1},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\"},fontColor:{type:ControlType.Color,title:\"Font Color\",defaultValue:\"#000\"},textAlign:{type:ControlType.Enum,title:\"Text Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"]}});export default SpinningNumbers;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SpinningNumbers\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SPINNING_8.map"],
  "mappings": "8HAAgM,SAASA,EAAgBC,EAAM,CAAC,GAAK,CAAC,YAAAC,EAAY,UAAAC,EAAU,MAAAC,EAAM,KAAAC,EAAK,UAAAC,EAAU,UAAAC,CAAS,EAAEN,EAAW,CAACO,EAAcC,CAAgB,EAAEC,EAASR,CAAW,EAAQS,EAAIC,EAAO,IAAI,EAAQC,EAASC,EAAUH,EAAI,CAAC,KAAK,EAAI,CAAC,EAAE,OAAAI,EAAU,IAAI,CAAC,GAAGF,EAAS,CAAC,IAAMG,EAASC,EAAQf,EAAYC,EAAU,CAAC,SAASC,EAAM,SAASc,EAAM,CAACT,EAAiB,KAAK,MAAMS,CAAK,CAAC,CAAE,CAAC,CAAC,EAAE,MAAM,IAAIF,EAAS,KAAK,CACvkB,CAAC,EAAE,CAACH,EAASX,EAAYC,EAAUC,CAAK,CAAC,EAAsBe,EAAKC,EAAO,IAAI,CAAC,IAAIT,EAAI,MAAM,CAAC,GAAGN,EAAK,MAAMC,EAAU,UAAAC,CAAS,EAAE,SAASC,CAAa,CAAC,CAAE,CAACR,EAAgB,aAAa,CAAC,YAAY,EAAE,UAAU,IAAI,MAAM,EAAE,KAAK,CAAC,WAAW,QAAQ,WAAW,UAAU,SAAS,GAAG,WAAW,OAAO,EAAE,UAAU,OAAO,UAAU,QAAQ,EAAEqB,EAAoBrB,EAAgB,CAAC,YAAY,CAAC,KAAKsB,EAAY,OAAO,MAAM,eAAe,aAAa,CAAC,EAAE,UAAU,CAAC,KAAKA,EAAY,OAAO,MAAM,aAAa,aAAa,GAAG,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,KAAKA,EAAY,KAAK,MAAM,OAAO,SAAS,UAAU,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,aAAa,aAAa,MAAM,EAAE,UAAU,CAAC,KAAKA,EAAY,KAAK,MAAM,aAAa,QAAQ,CAAC,OAAO,SAAS,OAAO,EAAE,aAAa,CAAC,OAAO,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,IAAOC,EAAQvB",
  "names": ["SpinningNumbers", "props", "startNumber", "endNumber", "speed", "font", "fontColor", "textAlign", "currentNumber", "setCurrentNumber", "ye", "ref", "pe", "isInView", "useInView", "ue", "controls", "animate", "value", "p", "motion", "addPropertyControls", "ControlType", "SPINNING_8_default"]
}