<template>
    <div v-if="popup.payload">
        <UiWarning><p>Are you sure you want to delete role <span>{{ popup.payload.name }}</span>?</p></UiWarning>
    </div>
</template>

<script setup lang="ts">
import {usePopup} from "~/components/ui/popup/Popup";
import UiWarning from "~/components/ui/UiWarning.vue";
import type {Role} from "~/role/Role";

const popup = usePopup().require<Role>();
</script>

<style scoped>

</style>