import React from 'react';
import classNames from 'classnames/dedupe';

import log from 'js/utils/log';
import {formatTime} from 'js/utils/formatTime';

import {classname} from 'js/ENUM';

class ChatBuble extends React.Component {

  render() {
    let {message, maxBubbleWidth} = this.props;

    let style = {
      maxWidth: maxBubbleWidth,
    }
    return (
      	<div data-timestamp={message.timestamp} className={classname.chatBuble} style={style}> 
      		<div>
      			<div className={classname.textPadding}> 
          			<span>{message.content}</span>
          		</div> 
          	</div> 
      	</div>
    );
  }
}

export default ChatBuble;