Chat Window

import { ChatWindow } from "@leanicon/web-builder-library/saas";

<ChatWindow
  conversation={{
    id: "conv-1",
    title: "Team Chat",
    participants: [
      { id: "user-1", name: "Alex", isOnline: true, role: "member" },
      { id: "user-2", name: "Maria", isOnline: true, role: "admin" },
    ],
    unreadCount: 0,
    status: "active",
    createdAt: new Date(),
    updatedAt: new Date(),
  }}
  messages={[
    {
      id: "1",
      senderId: "user-2",
      senderName: "Maria",
      content: "Hey!",
      timestamp: new Date(),
      readStatus: "read",
    },
    {
      id: "2",
      senderId: "user-1",
      senderName: "Alex",
      content: "Hi!",
      timestamp: new Date(),
      readStatus: "delivered",
    },
  ]}
  currentUserId="user-1"
  onSendMessage={(content) => console.log("Send:", content)}
/>;