import React from "react";
import { convertSecondsToFormattedTime } from "../../../util/date-time";

const TimelineLabelsComponent = ({ currentTick, lastSimulatedTick }) => (
  <div className="timeline-labels">
    <div className="start-time-label">
      {convertSecondsToFormattedTime(currentTick)}
    </div>
    <div className="end-time-label">
      {convertSecondsToFormattedTime(lastSimulatedTick)}
    </div>
  </div>
);

export default TimelineLabelsComponent;