<template>
	<div class="agent-list flex flex-col flex-1">
		<Item v-for="message in messageList" :key="message.id" :content="message" />
	</div>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	import Item from './Item.vue'

	const props = defineProps<{
    messageList: Array<any>
  }>()
</script>

<style lang="less" scoped>
	.agent-list {
		row-gap: 3.2rem;
	}
</style>
