// @flow
import React from 'react';
import { observer } from 'mobx-react';

import moment from 'moment';
import { Link } from 'react-router-dom';

import styles from './DocumentLink.scss';

const DocumentLink = observer(props => {
  return (
    <Link to={props.document.url} className={styles.link}>
      <h3 className={styles.title}>{props.document.title}</h3>
      <span className={styles.timestamp}>
        {moment(props.document.updatedAt).fromNow()}
      </span>
    </Link>
  );
});

export default DocumentLink;