<template>
    <div
        v-for="message in messages"
        :key="`chat-message-${message.id}`"
        class="message"
        :class="{ 'user': message.isUser, 'support': !message.isUser }"
    >
        <Message :message="message"/>
    </div>
</template>
<script setup>
import Message from './Message.vue';
const props = defineProps({
    messages: {
        type: [Array, Object],
        required: true
    }
})
</script>
