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>
  )
}
