import React from 'react'
import styles from './styles.css'
import moment from 'moment'

class TimeLabel extends React.Component {
  constructor() {
    super()
  }

  dateFormat(time, format) {
    let dateTime = moment(time)
    return (dateTime.isValid()) ? dateTime.format(format) : '-'
  }

  render() {
    let { time, format } = this.props
    return ( <div className={ styles.timeLabel }> { this.dateFormat(time, format) } </div> )
  }
}

export default TimeLabel