import React from 'react'

const CollapsedComment = props => {
  return (
    <li key={props.id}>
      <div className="media-body ml-3 py-2 my-auto">
        <img className="px-2" alt="profile" src="anon.jpeg" height={16} />
        <a href="#user">username</a>
        <small className="px-3">One day ago</small>
        <span
          className="a"
          style={{
            fontVariant: 'small-caps',
            color: 'blue',
            cursor: 'pointer',
          }}
          onClick={() => props.toggleCollapse(props.id)}
        >
          expand
        </span>
      </div>
    </li>
  )
}

export default CollapsedComment