<template>
  <div class="selectAuthWay">
    <div
      class="title text-center"
      style="margin-bottom: 81px; margin-top: 55px"
    >
      您还未认证，请选择以下认证方式
    </div>
    <div class="flex items-center justify-center">
      <div class="way text-center" style="margin-right: 52px">
        <img
          style="width: 178px; margin-top: 21px"
          class="mx-auto"
          src="@/assets/img/personal.png"
          alt=""
          srcset=""
        />
        <syButton
          mode="elementBtn"
          type="primary"
          style="margin-top: 22px"
          @click="setMode('p')"
          >个人认证</syButton
        >
      </div>
      <div class="way text-center">
        <img
          style="width: 178px; margin-top: 21px"
          class="mx-auto"
          src="@/assets/img/company.png"
          alt=""
          srcset=""
        />
        <syButton
          mode="elementBtn"
          type="primary"
          style="margin-top: 22px"
          @click="setMode('c')"
          >企业认证</syButton
        >
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { syButton } from "cqk-sy-ui";
const props = defineProps<{
  setMode: any;
}>();
</script>

<style scoped lang="scss">
.selectAuthWay {
  height: 677px;
  .title {
    font-size: 24px;
    font-weight: 600;
    color: #353535;
  }
  .way {
    width: 221px;
    height: 290px;
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px #e2e6ed;
    border-radius: 10px;
    border: 1px solid #e8ebf1;
  }
}
</style>
