import React from 'react';
import classNames from 'classnames/dedupe';

import log from 'js/utils/log';
import {formatTime} from 'js/utils/formatTime';

import {classname} from 'js/ENUM';

class ChatDateBreak extends React.Component {

  render() {
      let classes = classNames(classname.chatDateBreak);
    return (
      <div className={classes}>
        <time className={classname.chatDateBreakTime}>  
          <span className={classname.chatDateBreakSpan}>{formatTime(this.props.date)}</span>
        </time>
      </div>
    );
  }
}

ChatDateBreak.defaultProps = { date: new Date() };

export default ChatDateBreak;