meses-messaging/src/ui/components/MessagingPopup/MessageList/MessageListBody/MessageEntry/index.jsx

Meses messaging SDK in JavaScript

import React from 'react'
import styles from './styles.css'
import Balloon from './Balloon'

class MessageEntry extends React.Component {
  constructor() {
    super()
  }
  
  render() {
    let { time, message, alignRight, sender } = this.props

    return (
      <div className={ alignRight ? styles.alignRight : styles.alignLeft }>
        <Balloon time={ time } message={ message } alignRight={ alignRight } sender={ sender } />
      </div>
    )
  }
}

export default MessageEntry