How to use the @bentley/imodeljs-frontend.NotifyMessageDetails function in @bentley/imodeljs-frontend

private onRender(): void {
    // ###TODO: May be intermediate frames during which children props have been asynchronously requested but no outstanding tile requests.
    if (!this._vp.view.areAllTileTreesLoaded || 0 < this._vp.numRequestedTiles)
      return;

    this._stopwatch.stop();
    IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, "Tiles loaded in " + this._stopwatch.elapsedSeconds.toFixed(4) + " seconds."));

    this.stop();
  }
}

      execute: () => IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.None, "This message has no icon", this._detailedMessage)),
    });

private showInfoFromUi(updatedValue: ToolSettingsPropertySyncItem) {
    const msg = `Property '${updatedValue.propertyName}' updated to value ${updatedValue.value.value}`;
    IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));
  }

private _tool4 = () => {
    const details = new NotifyMessageDetails(this._tool4Priority, this._tool4Message, this._tool4Detailed, OutputMessageType.Pointer);
    const wrapper = document.getElementById("uifw-configurableui-wrapper");
    details.setPointerTypeDetails(wrapper!, { x: CursorInformation.cursorX, y: CursorInformation.cursorY }, this._toolRelativePosition);
    IModelApp.notifications.outputMessage(details);
    document.addEventListener("keyup", this._handleTool4Keypress);
    document.addEventListener("mousemove", this._handleTool4MouseMove);
  }

}).catch((err) => {
        IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, err.toString()));
      });
    else {