export default function ErrorNotice({ error }) {
  const isExpired = error?.message === "TOKEN_EXPIRED" || error?.message?.includes("RefreshFailed");
  return (
    <div style={{ padding: 24 }}>
      <h2>No se pudo cargar la información</h2>
      {isExpired ? (
        <p>Tu sesión con Dynamics expiró. Cerrá sesión y volvé a iniciarla.</p>
      ) : (
        <p>
          Dynamics no respondió correctamente (posiblemente por límite de consultas). Recargá la página en unos
          segundos.
        </p>
      )}
      <p style={{ color: "#9db4c9", fontSize: 12 }}>{error?.message}</p>
    </div>
  );
}