import React from 'react'
import ParentComment from './ParentComment'
import Replies from './Replies'

const CommentRow = props => {
  const { text, replies } = props

  const replyCount = replies.length
  const parentId = props.id
  return (
    <div>
      <ParentComment text={text} replyCount={replyCount} />
      <Replies parentId={parentId} replies={replies} />
    </div>
  )
}

export default CommentRow