<template>
    <div class="text-message-container"
         v-bind:class="{out:message.direction === 0}">
        <p class="text">{{ $t('message.unsupport_message_desc') }}</p>
    </div>
</template>

<script>
import Message from "../../../../../wfc/messages/message";

// 未知消息
export default {
    name: "UnknownMessageContentView",
    props: {
        message: {
            type: Message,
            required: true,
        }
    },
    mounted() {
        console.log('UnknownMessageContentView', this.message)
    }
}
</script>

<style lang="css" scoped>
.text-message-container {
    margin: 0 10px;
    padding: 10px;
    background-color: white;
    position: relative;
    border-radius: 5px;
}

.text-message-container.out {
    background-color: #a8bdff;
}


.text-message-container .text {
    color: #050505;
    font-size: 16px;
}

</style>
