Chatwoot/app/javascript/survey/components/Banner.vue
2021-08-23 22:00:47 +05:30

31 lines
606 B
Vue

<template>
<div class="flex items-center">
<i
v-if="showSuccess"
class="ion-checkmark-circled text-3xl text-green-500 mr-1"
/>
<i v-if="showError" class="ion-android-alert text-3xl text-red-600 mr-1" />
<label class="text-base font-medium text-black-800 mt-4 mb-4">
{{ message }}
</label>
</div>
</template>
<script>
export default {
props: {
showSuccess: {
type: Boolean,
default: false,
},
showError: {
type: Boolean,
default: false,
},
message: {
type: String,
required: true,
},
},
};
</script>