mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-05 13:37:55 +00:00
33 lines
777 B
Vue
33 lines
777 B
Vue
<script>
|
|
export default {
|
|
props: {
|
|
message: { type: String, default: '' },
|
|
action: {
|
|
type: Object,
|
|
default: () => ({}),
|
|
},
|
|
},
|
|
computed: {
|
|
isActionPresent() {
|
|
return this.action && this.action.message;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="bg-n-slate-12 dark:bg-n-slate-7 rounded-md drop-shadow-md mb-4 max-w-[40rem] inline-flex items-center min-w-[22rem] py-3 px-4"
|
|
:class="isActionPresent ? 'justify-between' : 'justify-center'"
|
|
>
|
|
<div class="text-sm font-medium text-white">
|
|
{{ message }}
|
|
</div>
|
|
<div v-if="isActionPresent" class="ml-4">
|
|
<router-link v-if="action.type == 'link'" :to="action.to" class="">
|
|
{{ action.message }}
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</template>
|