1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| import { Message } from "@/types";
| import { FC } from "react";
|
| interface Props {
| message: Message;
| }
|
| export const ChatMessage: FC<Props> = ({ message }) => {
| return (
| <div className={`flex flex-col ${message.role === "assistant" ? "items-start" : "items-end"}`}>
| <div
| className={`flex items-center ${message.role === "assistant" ? "bg-neutral-200 text-neutral-900" : "bg-blue-500 text-white"} rounded-2xl px-3 py-2 max-w-[67%] whitespace-pre-wrap`}
| style={{ overflowWrap: "anywhere" }}
| >
| {message.content}
| </div>
| </div>
| );
| };
|
|
