25 lines
716 B
Vue
25 lines
716 B
Vue
<script setup lang="ts">
|
|
|
|
const props = defineProps({
|
|
isError: Boolean,
|
|
message: String,
|
|
show: Boolean,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="show" class="absolute top-0 left-0 w-full h-full flex items-center justify-center z-50">
|
|
<div
|
|
class=" px-10 py-5 rounded-lg border border-gray-200 flex flex-col items-center gap-4"
|
|
:class="isError ? 'bg-red-100' : 'bg-green-100'"
|
|
aria-label="Custom ProgressSpinner">
|
|
<i class="pi pi-check " :class="isError ? 'text-red-500' : 'text-green-500'" style="font-size: 2rem;"/>
|
|
<p class="text-green-700" :class="isError ? 'text-red-500' : 'text-green-500'">{{ message }}</p>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |