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

Meses messaging SDK in JavaScript

import React from 'react'
import styles from './styles.css'
import TiArrowLeftOutline from 'react-icons/lib/ti/arrow-left-outline'

class MessageListHeading extends React.Component {
  constructor() {
    super()
  }

  render() {
    let { title, backButtonOnClick } = this.props
    const backIcon = (<TiArrowLeftOutline />)
    return (
      <div className={ styles.messageListHeading }>
        <div className={ styles.btnContainer } onClick={ backButtonOnClick }>{ backIcon }</div>
        <div className={ styles.titleContainer}>{ title }</div>
      </div>
    )
  }
}

export default MessageListHeading