<template>
  <div class="box-border w-auto border border-[#EEEEEE] rounded-6px border-solid bg-[#FFFFFF] px-30px py-21px mt-10px">
    <el-button type="danger" @click="handleClick">注销账号</el-button>
  </div>
</template>

<script setup lang="ts">
  const handleClick = () => {
    console.log('注销账号')
    ElMessageBox.confirm('确定注销账号吗？', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning',
    }).then(() => {
      console.log('注销账号')
    })
  }
</script>
