How to use the @bentley/ui-core.DialogButtonType.OK function in @bentley/ui-core

public render(): JSX.Element {
    // cspell:disable
    return (
      <dialog title="{&quot;Modal">
        <p>Lorem ipsum dolor sit amet, posse imperdiet ius in, mundi cotidieque ei per. Vel scripta ornatus assentior cu. Duo nonumy equidem te, per ad malis deserunt consetetur. In per invidunt conceptam. Ea pri aeque corrumpit. Eum ea ipsum perfecto vulputate, an cum oblique ornatus.</p>
        <p>Deserunt perpetua intellegam ex qui. Sanctus epicuri molestiae vim ut, vix in dolorem mnesarchum. Quas tollit malorum usu id, sea dicat congue abhorreant ex. Reque tibique cu mel. Ea vix posse consequuntur, nam dicat nostrud ne. Id mea autem viderer, minim minimum adversarium ex vis, commodo malorum sea ei.</p>
        <p>Cu novum viris detraxit eam. Erat inimicus necessitatibus vim in, noster placerat pro an, modus homero percipitur duo no. Ius voluptatum reprehendunt id, nulla nemore ut his. Mei ei quis qualisque consetetur, illud possim id vel.</p>
        <p>Quando verear regione ius ei. Eum tractatos ullamcorper ei, vidisse repudiare ea his. Possim intellegam ne duo, solet malorum nostrum eum ut, ei alterum corrumpit eum. Has ad utroque eloquentiam. Qui case forensibus eloquentiam ne. Usu no nominati principes, primis luptatum mea ex. No dicit nullam qui.</p>
        <p>
          movable: <input checked="{this.state.movable}" type="checkbox"> { this.setState((prevState) =&gt; ({ movable: !prevState.movable })); }} /&gt;
          resizable: <input checked="{this.state.resizable}" type="checkbox"> { this.setState((prevState) =&gt; ({ resizable: !prevState.resizable })); }} /&gt;
          overlay: <input checked="{this.state.overlay}" type="checkbox"> { this.setState((prevState) =&gt; ({ overlay: !prevState.overlay })); }} /&gt;</p></dialog>

// istanbul ignore else
                      if (this._mounted)
                        this.setState({
                          autocompleting: false,
                          autocompleteList: list,
                        });
                    });
                    event.stopPropagation();
                  }
                }}>
                <span>{listItem.substr(0, l)}</span>{listItem.substr(l)}
              
            );
          })}
        
        
          {UiComponents.translate("breadcrumb.invalidBreadcrumbPath")}
        
      
    );
  }

this._closeDialog(() => {
      if (this.props.onResult)
        this.props.onResult(DialogButtonType.OK);
    });
  }

public render(): JSX.Element {
    const buttonCluster: DialogButtonDef[] = new Array();

    switch (this.props.messageBoxType) {
      case MessageBoxType.Ok:
      case MessageBoxType.LargeOk:
        buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });
        break;
      case MessageBoxType.OkCancel:
      case MessageBoxType.MediumAlert:
        buttonCluster.push({ type: DialogButtonType.OK, onClick: () => { this._handleButton(MessageBoxValue.Ok); } });
        buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });
        break;
      case MessageBoxType.YesNo:
      case MessageBoxType.YesNoCancel:
        buttonCluster.push({ type: DialogButtonType.Yes, onClick: () => { this._handleButton(MessageBoxValue.Yes); } });
        buttonCluster.push({ type: DialogButtonType.No, onClick: () => { this._handleButton(MessageBoxValue.No); } });
        if (MessageBoxType.YesNoCancel === this.props.messageBoxType)
          buttonCluster.push({ type: DialogButtonType.Cancel, onClick: () => { this._handleButton(MessageBoxValue.Cancel); } });
        break;
    }

    let severity = MessageSeverity.None;

public render(): JSX.Element {
    return (
      <dialog title="{IModelApp.i18n.translate(&quot;UiFramework:realityData.bingMapSettings&quot;)}"> { this._handleOK(); } },
          { type: DialogButtonType.Cancel, onClick: () =&gt; { this._handleCancel(); } },
        ]}
        onClose={() =&gt; this._handleCancel()}
        onEscape={() =&gt; this._handleCancel()}
        width={550}
        height={200}
      &gt;
        <div>
          <span>{IModelApp.i18n.translate("UiFramework:realityData.elevationOffset")}</span>
          
        </div>
      </dialog>
    );
  }

this._closeDialog(() => {
      if (this.props.onResult)
        this.props.onResult(DialogButtonType.OK);
    });
  }