/* global React, window */
function OpsStateMessage({ title, detail }) {
  return (
    <div className="card" role="status">
      <div className="card-title">{title}</div>
      <p className="muted">{detail}</p>
    </div>
  );
}

function renderOpsState(payload, error) {
  if (error) return <OpsStateMessage title="Andmeallikas pole saadaval" detail={error.message || "Backend päring ebaõnnestus."}/>;
  if (!payload) return <OpsStateMessage title="Laen backend andmeid" detail="Palun oota."/>;
  if (window.OpsProvenance.isMissing(payload)) return <OpsStateMessage title="Andmeallikas puudub" detail={payload.provenance.detail || "Autoriteetne backend allikas pole ühendatud."}/>;
  if (window.OpsProvenance.isPartialLive(payload)) return <OpsStateMessage title="Osaliselt live" detail={payload.provenance.detail || "Mõni allikas pole täielik."}/>;
  return null;
}

window.OpsScreenState = { OpsStateMessage, renderOpsState };