<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>