1  "use client"
 2  export const ChatMessage = ({ role, message }) => {
 3    const isUser = role === "user"
 4  
 5    return (
 6      <div
 7        className={`flex ${isUser ? "justify-end" : "justify-start"} px-4 py-2`}
 8      >
 9        <div
10          className={`max-w-xs px-4 py-2 rounded-lg ${
11            isUser ? "bg-blue-500 text-white" : "bg-gray-200 text-black"
12          }`}
13        >
14          {message}
15        </div>
16      </div>
17    )
18  }