{"size": 501, "ext": "js", "max_stars_repo_path": "src/components/chat/message.js", "max_stars_repo_name": "techid2000/web-content.rnkm", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/chat/message.js", "max_issues_repo_name": "techid2000/web-content.rnkm", "max_issues_repo_issues_event_min_datetime": "2021-03-09T05:23:49.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-17T23:59:05.000Z", "max_forks_repo_path": "src/components/chat/message.js", "max_forks_repo_name": "techid2000/web-content.rnkm", "max_forks_repo_forks_event_min_datetime": "2019-11-08T05:58:37.000Z", "max_forks_repo_forks_event_max_datetime": "2019-11-08T05:58:37.000Z"}
{"max_stars_count": null, "max_issues_count": 8, "max_forks_count": 1, "avg_line_length": 25.05, "max_line_length": 60, "alphanum_fraction": 0.628742515}
import React from 'react'
import Avatar from './avatar'
import Textbox from './textbox'
import styles from './message.module.scss'

const message = ({ user, text ,device }) => {
  const gender = user === 'me' ? 'female' : 'male'

  return (
    <div className={styles.wholeMessageWrapper} user={user}>
      <div className={styles.wrapper} user={user}>
        <Avatar gender={gender} />
        <Textbox user={user} text={text} device={device}/>
      </div>
    </div>
  )
}

export default message
