/*
Project: ChatGPT Web Interface
Developer: Molla Samser
Email: help@rskworld.in
Phone: +91 93305 39277
Address: Nutanhat, Mongolkote, Purba Burdwan, West Bengal, India, 713147
Website: https://rskworld.in/
Year: 2026
*/

import React from 'react';
import Message from './Message';

function MessageList({ messages, isLoading, onEditMessage, onDeleteMessage, onRegenerateMessage }) {
  return (
    <div className="message-list">
      {messages.length === 0 ? (
        <div className="empty-messages">
          <div className="empty-icon">
            <i className="fas fa-comments"></i>
          </div>
          <p>Start a conversation by sending a message below.</p>
        </div>
      ) : (
        messages.map((message, index) => (
          <Message
            key={index}
            message={message}
            index={index}
            onEdit={onEditMessage}
            onDelete={onDeleteMessage}
            onRegenerate={onRegenerateMessage}
          />
        ))
      )}
      {isLoading && (
        <div className="message message-ai loading">
          <div className="message-avatar">
            <i className="fas fa-robot"></i>
          </div>
          <div className="message-content">
            <div className="typing-indicator">
              <span></span>
              <span></span>
              <span></span>
            </div>
          </div>
        </div>
      )}
    </div>
  );
}

export default MessageList;