ChatBubble.js

import React from 'react';

export default ChatBubble = props => {
    return (
        <div className='wrapper'>
            <div className='header'>
                <div className='sentBy'>
                    {props.sentBy}
                </div>
                <div className='avatar'>
                    <image src={props.avatar}/>
                </div>
            </div>
            <div className='body'>
                <div className='messageContent'>
                    {props.messageContent}
                </div>
            </div>
            <div className='footer'>
                <div className='time'>
                    <icon name='clock'/> {props.time}
                </div>
            </div>
        </div>
    );
};