meses-messaging
Version:
Meses messaging SDK in JavaScript
22 lines (19 loc) • 611 B
JSX
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