19 lines
481 B
React
19 lines
481 B
React
export default function CoachMessage({ text, typing = false }) {
|
|
return (
|
|
<div className={`chat-message coach ${typing ? 'typing' : ''}`}>
|
|
<div className="chat-avatar">C</div>
|
|
<div className="chat-bubble">
|
|
{typing ? (
|
|
<div className="typing-indicator" aria-label="Coach skriver">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
) : (
|
|
text
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|