{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/G18iAYqF1g5nxu83EMcw/qUKobLFbgv0SheD5PJlx/Bar.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);const intervalDurationMs=timeAnimation/100*1e3;useEffect(function(){const interval=setInterval(function(){setWidth(prevWidth=>prevWidth>=100?0:prevWidth+1);},intervalDurationMs);return function cleanup(){clearInterval(interval);};},[intervalDurationMs]);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 ${intervalDurationMs}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:\"Total Animation Time (s)\",type:ControlType.Number,defaultValue:1,min:.1,max:60,step:.1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressAnimation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Bar.map"],
  "mappings": "8EAAkK,SAARA,EAAmCC,EAAM,CAAC,GAAK,CAAC,gBAAAC,EAAgB,cAAAC,EAAc,cAAAC,CAAa,EAAEH,EAAW,CAACI,EAAMC,CAAQ,EAAEC,EAAS,CAAC,EAAQC,EAAmBJ,EAAc,IAAI,IAAIK,EAAU,UAAU,CAAC,IAAMC,EAAS,YAAY,UAAU,CAACJ,EAASK,GAAWA,GAAW,IAAI,EAAEA,EAAU,CAAC,CAAE,EAAEH,CAAkB,EAAE,OAAO,UAAkB,CAAC,cAAcE,CAAQ,CAAE,CAAE,EAAE,CAACF,CAAkB,CAAC,EAAE,IAAMI,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,WAAWV,CAAe,EAAE,SAAS,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,OAAO,OAAO,MAAM,GAAGG,KAAS,WAAWF,EAAc,WAAW,SAASK,YAA6B,CAAC,EAAE,OAAoBK,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,EAAoBf,EAAkB,CAAC,gBAAgB,CAAC,MAAM,mBAAmB,KAAKgB,EAAY,MAAM,aAAa,qBAAqB,EAAE,cAAc,CAAC,MAAM,iBAAiB,KAAKA,EAAY,MAAM,aAAa,OAAO,EAAE,cAAc,CAAC,MAAM,2BAA2B,KAAKA,EAAY,OAAO,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC",
  "names": ["ProgressAnimation", "props", "backgroundColor", "progressColor", "timeAnimation", "width", "setWidth", "ye", "intervalDurationMs", "ue", "interval", "prevWidth", "styles", "u", "p", "addPropertyControls", "ControlType"]
}