ChatBubble

import { ChatBubble } from '@caroainc/ui-components'

<ChatBubble role="user">こんにちは！</ChatBubble>
<ChatBubble role="assistant">
  こんにちは！何かお手伝いできることはありますか？
</ChatBubble>

<ChatBubble role="user">ユーザーからのメッセージです</ChatBubble>

<ChatBubble role="assistant">
  アシスタントからの返答です。複数行のメッセージも対応しています。
</ChatBubble>

<div className="space-y-4">
  <ChatBubble role="user">今日の天気を教えて</ChatBubble>
  <ChatBubble role="assistant">
    今日の東京の天気は晴れで、最高気温は25度の予報です。
  </ChatBubble>
  <ChatBubble role="user">ありがとう！</ChatBubble>
  <ChatBubble role="assistant">
    どういたしまして！他に何かお手伝いできることはありますか？
  </ChatBubble>
</div>

<ChatBubble role="assistant">
  <TypingIndicator />
</ChatBubble>

import ReactMarkdown from 'react-markdown'
 
<ChatBubble role="assistant">
  <ReactMarkdown>{markdownContent}</ReactMarkdown>
</ChatBubble>