import React from 'react';
import PropTypes from 'prop-types';

const JKLatencyBadge = ({ latencyData, showAll }) => {
  let label = 'UNKNOWN';
  let latency = '';
  if (latencyData) {
    label = latencyData.label;
    if (showAll) {
      latency = `${latencyData.ars_internet_latency}ms + ${latencyData.audio_latency}ms`;
    } else {
      latency = `${latencyData.ars_total_latency}ms`;
    }
  }

  return (
    <>
      {latency} <span className={`badge latency-${label.toLowerCase()}`}>{label}</span>
    </>
  );
};

JKLatencyBadge.propTypes = {
  latencyData: PropTypes.object,
  showAll: PropTypes.bool
};

JKLatencyBadge.defaultProps = {
  showAll: false
};

export default JKLatencyBadge;