<script setup lang="ts">
withDefaults(defineProps<{ isCurrent: boolean }>(), { isCurrent: false })
</script>
<template>
  <div class="w-full h-full box-border p-4 flex flex-col">
    <div class="flex justify-end pt-2">
      <div class="w-[66px] h-[26px] relative" v-if="isCurrent">
        <div class="w-[66px] h-[22px] left-0 absolute bg-[#3c556b] rounded-md"></div>
        <div
          class="left-[10px] top-0.25 absolute text-center text-[#dfdfdf] text-xs font-normal font-['PingFang_SC'] leading-relaxed"
        >
          当前等级
        </div>
      </div>
    </div>
    <div class="flex-1"></div>
    <wd-progress :percentage="30" hide-text />
  </div>
</template>
