<template>
  <el-card>
    <el-steps :active="activeStep" finish-status="success" align-center>
      <el-step :title="language==0?'创建账号':'Check WDSF ID'"/>
      <el-step :title="language==0?'选手报名':'Participant Registration'" />
      <el-step :title="language==0?'提交审核':'Submit for review'" />
<!--      <el-step :title="language==0?'注册完成':'stered successfully'" />-->
    </el-steps>
  </el-card>
</template>

<script setup>
import {ref} from "vue";
import cache from "@/plugins/cache";
import {useStorage} from "@vueuse/core/index";

const language = useStorage('language', 0)

const props = defineProps({
  activeStep: {
    type: Number,
    required: true
  }
})
</script>

<style scoped>

</style>