{"version":3,"file":"ProgressAnimation.CyMgsTJ0.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/OvKoQYJOwWM7sMemZacx/kFjW1C0gJy0D3B3sVZz0/SZxPGiRK4.js","https:/framerusercontent.com/modules/0ObZxosxMLsJi2dcR8wS/POi37E9A3JqH5JhgUOcO/ProgressAnimation.js"],"sourcesContent":["// Generated by Framer (ac3cb42)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(motion.div,{...rest,layoutId:layoutId,ref:ref}):/*#__PURE__*/_jsx(\"div\",{...rest,ref:ref});});const getProps=({fill,height,id,width,...props})=>{return{...props,ezTt3ayMo:fill??props.ezTt3ayMo??\"rgb(0, 0, 0)\"};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,...restProps}=getProps(props);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-Vf7NS\",className),layoutId:layoutId,ref:ref,style:{\"--21h8s6\":ezTt3ayMo,...style}});});const css=['.framer-Vf7NS { aspect-ratio: 1; background-color: var(--21h8s6); mask-image: url(\\'data:image/svg+xml,<svg aria-label=\"Whatsapp Logo\" display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 15.338 11.329 L 12.338 9.829 C 12.097 9.709 11.811 9.727 11.588 9.876 L 10.211 10.794 C 9.578 10.447 9.058 9.927 8.711 9.294 L 9.629 7.917 C 9.778 7.694 9.796 7.408 9.676 7.167 L 8.176 4.167 C 8.049 3.911 7.788 3.749 7.502 3.75 C 5.431 3.75 3.752 5.429 3.752 7.5 C 3.757 12.054 7.448 15.745 12.002 15.75 C 14.073 15.75 15.752 14.071 15.752 12 C 15.752 11.716 15.592 11.456 15.338 11.329 Z M 12.002 14.25 C 8.276 14.246 5.256 11.226 5.252 7.5 C 5.252 6.427 6.009 5.504 7.061 5.293 L 8.137 7.449 L 7.221 8.813 C 7.082 9.021 7.056 9.285 7.152 9.517 C 7.689 10.792 8.704 11.807 9.979 12.343 C 10.211 12.444 10.478 12.42 10.69 12.281 L 12.059 11.368 L 14.216 12.444 C 14.003 13.497 13.076 14.254 12.002 14.25 Z M 9.752 0 C 6.328 -0.001 3.155 1.795 1.392 4.73 C -0.371 7.665 -0.465 11.31 1.144 14.333 L 0.08 17.525 C -0.1 18.064 0.04 18.658 0.442 19.06 C 0.844 19.462 1.438 19.602 1.977 19.422 L 5.17 18.358 C 8.752 20.263 13.139 19.751 16.186 17.073 C 19.233 14.394 20.302 10.108 18.872 6.312 C 17.441 2.515 13.809 0.002 9.752 0 Z M 9.752 18 C 8.302 18.001 6.877 17.619 5.622 16.893 C 5.436 16.785 5.212 16.762 5.008 16.83 L 1.502 18 L 2.671 14.494 C 2.739 14.29 2.717 14.067 2.609 13.881 C 0.74 10.648 1.274 6.562 3.913 3.92 C 6.552 1.278 10.637 0.738 13.872 2.603 C 17.107 4.469 18.686 8.275 17.72 11.883 C 16.755 15.49 13.487 17.999 9.752 18 Z\" fill=\"var(--21h8s6, rgb(0,0,0))\" height=\"19.500130830858968px\" id=\"hBtmWZAQG\" opacity=\"1\" transform=\"translate(2.248 2.25)\" width=\"19.498566346635616px\"/></svg>\\'); mask-position: center; mask-repeat: no-repeat; width: 24px; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"fill\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Whatsapp Logo\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-Vf7NS\");export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Fill\",type:ControlType.Color}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"24\",\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"fill\\\"}\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerImmutableVariables\":\"true\",\"framerVector\":\"{\\\"name\\\":\\\"Whatsapp Logo\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function ProgressAnimation({progressColor,timeAnimation}){const[width,setWidth]=useState(0);const animationRef=useRef(null);useEffect(()=>{let start=performance.now();const update=now=>{const progress=Math.min((now-start)/timeAnimation*100,100);setWidth(progress);if(progress<100){animationRef.current=requestAnimationFrame(update);}};animationRef.current=requestAnimationFrame(update);return()=>{if(animationRef.current)cancelAnimationFrame(animationRef.current);};},[timeAnimation]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,height:\"5px\",width:`${width}%`,backgroundColor:progressColor}})});}addPropertyControls(ProgressAnimation,{progressColor:{title:\"Progress Color\",type:ControlType.Color,defaultValue:\"black\"},timeAnimation:{title:\"Animation Time (ms)\",type:ControlType.Number,defaultValue:2e3,min:100,max:1e4,step:100}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressAnimation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProgressAnimation.map"],"mappings":"sXAC2C,IAAsE,IAA4B,CAAoC,EAAiB,GAAY,EAAM,IAAM,CAAC,GAAK,CAAC,WAAS,WAAS,WAAS,GAAG,GAAM,EAAM,OAAO,EAAsB,EAAK,EAAO,IAAI,CAAC,GAAG,EAAc,WAAa,MAAI,CAAC,CAAc,EAAK,MAAM,CAAC,GAAG,EAAS,MAAI,CAAC,EAAG,CAAO,GAAU,CAAC,OAAK,SAAO,KAAG,QAAM,GAAG,MAAgB,CAAC,GAAG,EAAM,UAAU,GAAM,EAAM,WAAW,eAAe,EAUrf,EAAK,EAVghB,EAAiB,SAAS,EAAM,EAAI,CAAC,GAAK,CAAC,QAAM,YAAU,WAAS,UAAQ,YAAU,GAAG,GAAW,EAAS,EAAM,CAAC,OAAoB,EAAK,EAAI,CAAC,GAAG,EAAU,UAAU,EAAG,eAAe,EAAU,CAAU,WAAa,MAAI,MAAM,CAAC,WAAW,EAAU,GAAG,EAAM,CAAC,CAAC,EAAG,CAAW,CAAC,+wDAAixD,CAUjiF,eAAe,GAAgB,EAAK,EAAoB,EAAK,CAAC,UAAU,CAAC,aAAa,eAAe,OAAO,GAAM,MAAM,OAAO,KAAK,EAAY,MAAM,CAAC,CAAC,ICXhD,SAAwB,EAAkB,CAAC,gBAAc,iBAAe,CAAC,GAAK,CAAC,EAAM,GAAUA,EAAS,EAAE,CAAO,EAAaC,EAAO,KAAK,CAA0W,OAAzW,MAAc,CAAC,IAAI,EAAM,YAAY,KAAK,CAAO,EAAO,GAAK,CAAC,IAAM,EAAS,KAAK,KAAK,EAAI,GAAO,EAAc,IAAI,IAAI,CAAC,EAAS,EAAS,CAAI,EAAS,MAAK,EAAa,QAAQ,sBAAsB,EAAO,GAAuD,MAAnD,GAAa,QAAQ,sBAAsB,EAAO,KAAW,CAAI,EAAa,SAAQ,qBAAqB,EAAa,QAAQ,GAAK,CAAC,EAAc,CAAC,CAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,SAAS,CAAC,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,OAAO,MAAM,MAAM,GAAG,EAAM,GAAG,gBAAgB,EAAc,CAAC,CAAC,CAAC,CAAC,kBAAz0B,IAA6C,IAAoD,CAA0uB,EAAoB,EAAkB,CAAC,cAAc,CAAC,MAAM,iBAAiB,KAAK,EAAY,MAAM,aAAa,QAAQ,CAAC,cAAc,CAAC,MAAM,sBAAsB,KAAK,EAAY,OAAO,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC"}