1
0
Fork 0
mirror of https://github.com/elk-zone/elk.git synced 2024-12-19 17:57:05 +03:00
elk/components/modal/ModalConfirm.vue
2023-01-16 09:56:36 +01:00

28 lines
720 B
Vue

<script setup lang="ts">
import type { ConfirmDialogChoice, ConfirmDialogLabel } from '~/types'
defineProps<ConfirmDialogLabel>()
const emit = defineEmits<{
(evt: 'choice', choice: ConfirmDialogChoice): void
}>()
</script>
<template>
<div flex="~ col" gap-6>
<div font-bold text-lg text-center>
{{ title }}
</div>
<div v-if="description">
{{ description }}
</div>
<div flex justify-end gap-2>
<button btn-text @click="emit('choice', 'cancel')">
{{ cancel || $t('confirm.common.cancel') }}
</button>
<button btn-solid @click="emit('choice', 'confirm')">
{{ confirm || $t('confirm.common.confirm') }}
</button>
</div>
</div>
</template>