import { defineComponent } from "vue";
import styles from "./index.module.less";
import iconVip from "../icons/icon-vip.png";
import iconBack from "../../header-top/image/close2.svg";

export default defineComponent({
	name: "evaluat-audio",
	emits: ["close"],
	setup(props, { emit }) {
		return () => (
			<div class={styles.fraction}>
				<img class={styles.closeBtn} src={iconBack} onClick={() => emit('close')} />
				<img class={styles.icon} src={iconVip} />
				<div class={styles.tip}>您尚未开通云练习服务，请联系乐团老师开通</div>
				<div class={styles.btns}>
					<div style={{ background: "var(--van-primary-color)" }} class={styles.btn} onClick={() => emit("close", true)}>
						确认
					</div>
				</div>
			</div>
		);
	},
});
