<template>
    <el-popconfirm confirm-button-text="Yes" cancel-button-text="No" :icon="InfoFilled" icon-color="#626AEF" title="Are you sure to delete this?" @confirm="confirmEvent" @cancel="cancelEvent">
        <template #reference>
            <el-button>Delete</el-button>
        </template>
    </el-popconfirm>
</template>

<script setup lang="ts">
import { InfoFilled } from '@element-plus/icons-vue'

const confirmEvent = () => {
    console.log('confirm!')
}
const cancelEvent = () => {
    console.log('cancel!')
}
</script>
