import React from 'react'
import moment from 'moment'
import { string } from 'prop-types'

const DateRenderer = props => {
  return (
    <div className={props.className}>
      {/* <p>{moment(props.value, 'YYYY-MM-DD hh:mm:ss').format('DD-MMM-YY hh:mm:ss')}</p> */}
      <p>{moment(props.value, 'YYYY-MM-DD hh:mm:ss').fromNow()}</p>
    </div>
  )
}

DateRenderer.propTypes = {
  className: string,
  value: string.isRequired
}

export default DateRenderer