import { defineComponent, ref, watch } from "vue"
import icon_loading_img from "./img/icon_loading_img.png"
import { Progress } from "vant"
import styles from "./index.module.less"
import state from "/src/state"
import { Vue3Lottie } from "vue3-lottie";
import animBg from "./img/refresh_anim.json";
import animGif from "./img/refresh_anim.gif";

export default defineComponent({
   name: "loading",
   props: {
		/** 提示文案 */
		tipText: {
			type: String,
			default: '',
		},
	},
   setup(props) {
      return () =>
         !state.audioDone && (
            <div class={styles.loadingPop}>
               <img class={styles.lottie} src={animGif} />
               {/* <Vue3Lottie class={styles.lottie} animationData={animBg}></Vue3Lottie> */}
               <div class={styles.loadingTip}>{props.tipText}</div>
            </div>
         )
   }
})