import React from 'react';

import copy from '../../js/data/copy.json';
import { isNotNullNorUndefined } from '../../js/utilities';

const CardTimestamp = ({ makeTimelabel, language, timestamp }) => {

  const daytime_lang = copy[language].cardstack.timestamp;
  const estimated_lang = copy[language].cardstack.estimated;
  const unknown_lang = copy[language].cardstack.unknown_time;

  if (isNotNullNorUndefined(timestamp)) {
    const timelabel = makeTimelabel(timestamp);
    return (
      <div className="card-cell timestamp">
        <p>
          <i className="material-icons left">today</i>
          {timelabel}
        </p>
      </div>
    );
  } else {
    return (
      <div className="card-cell timestamp">
        <p>
          <i className="material-icons left">today</i>
          {unknown_lang}
        </p>
      </div>
    );
  }
}

export default CardTimestamp;