import { INK, RED, MUTE, FONT_MONO } from "../theme";

/* Kleine statusregel: laden of fout (met optionele "opnieuw"-actie) */
export default function Notice({ loading, error, onRetry }) {
  if (!loading && !error) return null;
  return (
    <p style={{ fontFamily: FONT_MONO, fontSize: 12, color: error ? RED : MUTE, margin: "0 0 14px" }}>
      {error ? `fout: ${error}` : "laden…"}
      {error && onRetry && (
        <>
          {" "}
          <button onClick={onRetry} style={{ background: "none", border: "none", color: INK, fontWeight: 700, fontSize: 12, padding: 0, textDecoration: "underline" }}>
            opnieuw
          </button>
        </>
      )}
    </p>
  );
}