{"version":3,"file":"lottieLoading-e7210818.js","sources":["../../src/pages/lottieLoading.tsx"],"sourcesContent":["import styles from \"@/assets/scss/LottieLoading.module.scss\";\nimport { useEffect } from \"react\";\n\nconst LottieLoading = () => {\n  useEffect(() => {\n    let animation: any;\n    if (window.lottie && window.lottie.loadAnimation) {\n      animation = window.lottie.loadAnimation({\n        container: document.getElementById(\"lottie_element\"), // Required\n        path: \"/lottieLoading.json\", // Required\n        renderer: \"svg\", // Required\n        loop: true, // Optional\n        autoplay: true, // Optional\n        name: \"PayPing Dot\", // Name for future reference. Optional.\n      });\n    }\n    return () => {\n      if (animation?.destroy) animation.destroy();\n    };\n  }, []);\n\n  return (\n    <div className={styles.lottie} id=\"lottie_container\">\n      <div className={styles.animation} id=\"lottie_element\"></div>\n    </div>\n  );\n};\n\nexport default LottieLoading;\n"],"names":["LottieLoading","useEffect","animation","jsx","styles"],"mappings":"2HAGMA,EAAgB,KACpBC,EAAAA,UAAU,IAAM,CACV,IAAAC,EACJ,OAAI,OAAO,QAAU,OAAO,OAAO,gBACrBA,EAAA,OAAO,OAAO,cAAc,CACtC,UAAW,SAAS,eAAe,gBAAgB,EACnD,KAAM,sBACN,SAAU,MACV,KAAM,GACN,SAAU,GACV,KAAM,aAAA,CACP,GAEI,IAAM,CACPA,GAAA,MAAAA,EAAW,SAASA,EAAU,QAAQ,CAAA,CAE9C,EAAG,CAAE,CAAA,EAGFC,EAAA,IAAA,MAAA,CAAI,UAAWC,EAAO,OAAQ,GAAG,mBAChC,SAACD,EAAA,IAAA,MAAA,CAAI,UAAWC,EAAO,UAAW,GAAG,iBAAiB,CACxD,CAAA"}