<script lang='ts' setup>
import { computed, defineAsyncComponent, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'

const enum Status {
  unResend = 'unResend',
  reSended = 'reSended',
}
const isResend = ref(Status.unResend)
function resend() {
  isResend.value = Status.reSended
}
</script>

<template>
  <div class="mt-80px">
    <div v-if="isResend === Status.unResend">
      <h1 class="fw-500 text-40px">
        Verity Your Account
      </h1>
      <div class="mt-14px mb-40px">
        We are asking all customers to verify their accounts. To confirm your account, please check your email and click the verification link that our team has sent over.
      </div>
      <el-button
        class="!bg-#C58C64 !text-#fff !w-200px !h-50px !text-16px !fw-500 !b-rd-6px"
        @click="resend"
      >
        Next
      </el-button>
    </div>
    <div v-if="isResend === Status.reSended">
      <div class="fw-500 text-40px mb-24px text-#000">
        Email has been sent
      </div>
      <div class="mb-24px w-460px text-16px text-#1F2D2C lh-24px">
        Still not received? you can try to contact our customerservice to solve
        this issue
      </div>
      <div class="text-#1F2D2C text-16px">
        <div class="fw-bold mb-10px">
          Customer service
        </div>
        <div class="">
          Hotline: +86 13588692156
        </div>
        <div>Email: marketing@ejet.com</div>
      </div>
    </div>
  </div>
</template>

<style lang='less' scoped>
</style>
