chatbot-ui starter

2023-03-13 19:21:14 -06:00
parent 4c9730e4cd
commit a6503fb498
25 changed files with 7259 additions and 71 deletions
@@ -0,0 +1,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>
+  );
+};