import { defineComponent } from "vue";
import styles from "./index.module.less";
import icons from "./index.json";

export default defineComponent({
	name: "evaluat-audio",
	props: {
		tip: {
			type: String,
			default: () => ''
		}
	},
	emits: ["close"],
	setup(props, { emit }) {
		return () => (
			<div class={styles.fraction}>
				<div class={styles.title}>
					<img src={icons.title} />
				</div>
				<div class={styles.tip}>{props.tip}</div>
				<div class={styles.btns}>
					<img src={icons.cancel} class={styles.btn} onClick={() => emit("close")} />
					<img src={icons.confirm} class={styles.btn} onClick={() => emit("close", true)} />
				</div>
			</div>
		);
	},
});