{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/0Uxm0j6Gf1WqEw2naoBS/3fWqatnPWghPvUNFgES1/ProgressAnimation.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function ProgressAnimation(props){const{backgroundColor,progressColor,timeAnimation}=props;const[width,setWidth]=useState(0);useEffect(function(){const interval=setInterval(function(){setWidth(prevWidth=>prevWidth>=100?0:prevWidth+1);},timeAnimation);return function cleanup(){clearInterval(interval);};},[timeAnimation]);const styles={container:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},background:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background:backgroundColor},progress:{position:\"absolute\",top:0,left:0,height:\"100%\",width:`${width}%`,background:progressColor,transition:`width ${timeAnimation}ms linear`}};return /*#__PURE__*/_jsxs(\"div\",{style:styles.container,children:[/*#__PURE__*/_jsx(\"div\",{style:styles.background}),/*#__PURE__*/_jsx(\"div\",{style:styles.progress})]});}addPropertyControls(ProgressAnimation,{backgroundColor:{title:\"Background Color\",type:ControlType.Color,defaultValue:\"rgba(0, 0, 0, 0.12)\"},progressColor:{title:\"Progress Color\",type:ControlType.Color,defaultValue:\"black\"},timeAnimation:{title:\"Animation Time (ms)\",type:ControlType.Number,defaultValue:90,min:10,max:1e3,step:10}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressAnimation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProgressAnimation.map"],
  "mappings": "uJAAAA,IAAkK,SAARC,EAAmCC,EAAM,CAAC,GAAK,CAAC,gBAAAC,EAAgB,cAAAC,EAAc,cAAAC,CAAa,EAAEH,EAAW,CAACI,EAAMC,CAAQ,EAAEC,EAAS,CAAC,EAAEC,EAAU,UAAU,CAAC,IAAMC,EAAS,YAAY,UAAU,CAACH,EAASI,GAAWA,GAAW,IAAI,EAAEA,EAAU,CAAC,CAAE,EAAEN,CAAa,EAAE,OAAO,UAAkB,CAAC,cAAcK,CAAQ,CAAE,CAAE,EAAE,CAACL,CAAa,CAAC,EAAE,IAAMO,EAAO,CAAC,UAAU,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,QAAQ,EAAE,WAAW,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,OAAO,OAAO,WAAWT,CAAe,EAAE,SAAS,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,OAAO,OAAO,MAAM,GAAGG,CAAK,IAAI,WAAWF,EAAc,WAAW,SAASC,CAAa,WAAW,CAAC,EAAE,OAAoBQ,EAAM,MAAM,CAAC,MAAMD,EAAO,UAAU,SAAS,CAAcE,EAAK,MAAM,CAAC,MAAMF,EAAO,UAAU,CAAC,EAAeE,EAAK,MAAM,CAAC,MAAMF,EAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAE,CAACG,EAAoBd,EAAkB,CAAC,gBAAgB,CAAC,MAAM,mBAAmB,KAAKe,EAAY,MAAM,aAAa,qBAAqB,EAAE,cAAc,CAAC,MAAM,iBAAiB,KAAKA,EAAY,MAAM,aAAa,OAAO,EAAE,cAAc,CAAC,MAAM,sBAAsB,KAAKA,EAAY,OAAO,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC,CAAC",
  "names": ["init_ssg_sandbox_shims", "ProgressAnimation", "props", "backgroundColor", "progressColor", "timeAnimation", "width", "setWidth", "ye", "ue", "interval", "prevWidth", "styles", "u", "p", "addPropertyControls", "ControlType"]
}