FLASHback1/bingo

1import React from 'react'2 3import { Separator } from '@/components/ui/separator'4import { ChatMessage } from '@/components/chat-message'5import { ChatMessageModel } from '@/lib/bots/bing/types'6 7export interface ChatList {8  messages: ChatMessageModel[]9}10 11export function ChatList({ messages }: ChatList) {12  if (!messages.length) {13    return null14  }15 16  return (17    <div className="chat-container relative flex flex-col">18      {messages.map((message, index) => (19        <React.Fragment key={index}>20          <ChatMessage message={message} />21          {index < messages.length - 1 && (22            <Separator className="my-2" />23          )}24        </React.Fragment>25      ))}26    </div>27  )28}29