{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ytKHnafVmM4k0GxPcMp8/J2azEZCuYewEOgDH23gS/Counter.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{animate,useInView}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useRef,useState}from\"react\";function MakeCounter({from,to,colorCode,fontName,weight,size}){const nodeRef=useRef(null);const isInView=useInView(nodeRef,{once:true});useEffect(()=>{const node=nodeRef.current;const controls=animate(from,to,{duration:1,onUpdate(value){node.textContent=value.toFixed(0);}});return()=>controls.stop();},[from,to,isInView]);return /*#__PURE__*/_jsx(\"div\",{style:{color:colorCode,font:fontName,fontWeight:weight,fontSize:size},ref:nodeRef});}export default function Counter(props){const[from,setFrom]=useState(props.from);const[to,setTo]=useState(props.to);return /*#__PURE__*/_jsx(MakeCounter,{colorCode:props.color,font:props.fontName,weight:props.weight,size:props.size,from:from,to:to});}addPropertyControls(Counter,{from:{defaultValue:0,type:ControlType.Number},to:{defaultValue:900,type:ControlType.Number},color:{type:ControlType.Color,defaultValue:\"#202122\"},fontName:{type:ControlType.String,defaultValue:\"Inter\"},weight:{defaultValue:800,type:ControlType.Number},size:{defaultValue:42,type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Counter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Counter.map"],
  "mappings": "4HAAyL,SAASA,EAAY,CAAC,KAAAC,EAAK,GAAAC,EAAG,UAAAC,EAAU,SAAAC,EAAS,OAAAC,EAAO,KAAAC,CAAI,EAAE,CAAC,IAAMC,EAAQC,EAAO,IAAI,EAAQC,EAASC,EAAUH,EAAQ,CAAC,KAAK,EAAI,CAAC,EAAE,OAAAI,EAAU,IAAI,CAAC,IAAMC,EAAKL,EAAQ,QAAcM,EAASC,EAAQb,EAAKC,EAAG,CAAC,SAAS,EAAE,SAASa,EAAM,CAACH,EAAK,YAAYG,EAAM,QAAQ,CAAC,CAAE,CAAC,CAAC,EAAE,MAAM,IAAIF,EAAS,KAAK,CAAE,EAAE,CAACZ,EAAKC,EAAGO,CAAQ,CAAC,EAAsBO,EAAK,MAAM,CAAC,MAAM,CAAC,MAAMb,EAAU,KAAKC,EAAS,WAAWC,EAAO,SAASC,CAAI,EAAE,IAAIC,CAAO,CAAC,CAAE,CAAgB,SAARU,EAAyBC,EAAM,CAAC,GAAK,CAACjB,EAAKkB,CAAO,EAAEC,EAASF,EAAM,IAAI,EAAO,CAAChB,EAAGmB,CAAK,EAAED,EAASF,EAAM,EAAE,EAAE,OAAoBF,EAAKhB,EAAY,CAAC,UAAUkB,EAAM,MAAM,KAAKA,EAAM,SAAS,OAAOA,EAAM,OAAO,KAAKA,EAAM,KAAK,KAAKjB,EAAK,GAAGC,CAAE,CAAC,CAAE,CAACoB,EAAoBL,EAAQ,CAAC,KAAK,CAAC,aAAa,EAAE,KAAKM,EAAY,MAAM,EAAE,GAAG,CAAC,aAAa,IAAI,KAAKA,EAAY,MAAM,EAAE,MAAM,CAAC,KAAKA,EAAY,MAAM,aAAa,SAAS,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,aAAa,OAAO,EAAE,OAAO,CAAC,aAAa,IAAI,KAAKA,EAAY,MAAM,EAAE,KAAK,CAAC,aAAa,GAAG,KAAKA,EAAY,MAAM,CAAC,CAAC",
  "names": ["MakeCounter", "from", "to", "colorCode", "fontName", "weight", "size", "nodeRef", "pe", "isInView", "useInView", "ue", "node", "controls", "animate", "value", "p", "Counter", "props", "setFrom", "ye", "setTo", "addPropertyControls", "ControlType"]
}