File size: 423 Bytes
5400cf3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
import '../styles/MessageBubble.css'
function MessageBubble({ role, text }: { role: 'user' | 'bot'; text: string }) {
const isCode = text.includes('\n') && role === 'bot'
return (
<div className={`message-bubble ${role}`}>
{isCode ? (
<pre className="code-block">
<code>{text}</code>
</pre>
) : (
<p>{text}</p>
)}
</div>
)
}
export default MessageBubble
|