import { defineComponent } from "vue";
import styles from "./index.module.less";
import { headImg } from "../image";
import { data as workData } from "/src/page-instrument/custom-plugins/work-index";

export default defineComponent({
	name: "workHomePop",
	props: {
		tip: {
			type: String,
			default: () => ''
		}
	},
	emits: ["close"],
	setup(props, { emit }) {
		return () => (
			<div class={styles.popBox}>
				<img class={styles.boxBg} src={headImg("workHome_bg.png")} />
				<img class={styles.boxTitle} src={headImg("workHome_icon1.png")} />
				<div class={styles.boxContent}>
					<p>本条练习还没达到老师的练习要求，是否继续练习？</p>
					<div class={styles.boxBtn}>
						<img class={styles.boxClose} src={headImg("workHome_icon3.png")} onClick={() => emit("close")} />
						<img class={styles.boxConfirm} src={headImg("workHome_icon2.png")} onClick={() => emit("close", true)} />
					</div>
				</div>
			</div>
		);
	},
});