@teamsparta/chat-ui/src/sample/ChatAreaSample.jsx

simple chat-ui

import {ChatArea} from "../lib";
import {useState} from "react";
const ChatAreaSample = ()=> {
    const messages = [{
        role: "assistant",
        content: "안녕하세요! 척척석사 르탄봇이에요. 강의 내용 중 궁금한 것이 있다면 무엇이든 물어봐 주세요!",
        date : new Date(),
    }, {
        role: "user",
        content: "코드가 잘 이해가 안돼요. 이런이런 저런저런 부분을 모르겠어요.",
        date : new Date(),
    },
    {
        role: "assistant",
        content: "더 상세한 답변이 필요하다면 튜터님에게 질문해 보세요! 척척박사 르탄봇이 될 수 있도록 더 열심히 공부할게요 🧐",
        date : new Date(),
    }]

    const scrollToBottom = () => {

    };
    return (
        <ChatArea  messages={messages} scrollToBottom={scrollToBottom} />
    );
}

export default ChatAreaSample;