import { Button } from "vant";
import { defineComponent } from "vue";
import iconEarphone from "./icons/earphone.png";
import styles from "./index.module.less";
import classNames from "classnames";
import { permissionPopup } from "./permission";

export default defineComponent({
  name: "ColexiuEarphone",
  setup() {
    return () => (
      <div>
        <img class={styles.image} src={iconEarphone} />
        <div class={styles.wrap}>
          <div class={styles.des}>
            <div class={styles.title}>请佩戴有线耳机</div>
            <div class={styles.sub}>佩戴有线耳机能保证评测准确率哦！</div>
          </div>
          <div class={styles.btnWrap}>
            <Button class={classNames(styles.btn, styles.earphoneBtn)} onClick={() => {
              permissionPopup.show = false
            }}></Button>
          </div>
        </div>
      </div>
    );
  },
});
