How to use the @blueprintjs/core.Classes.DIALOG_BODY function in @blueprintjs/core

render() {
    const {
      hideModal,
      // sequenceData = { sequence: "" },
      // handleSubmit,
      editorName
      // circular,
      // upsertFeature
    } = this.props;
    // const sequenceLength = sequenceData.sequence.length;
    const isCirc = (this.state || {}).circular;
    return (
      <div>
        <div style="{{">
          
            <button> {
                this.setState({ circular: true });
              }}
              active={isCirc}
            &gt;
              Circular
            </button>
            <button> {
                this.setState({ circular: false });
              }}
              active={!isCirc}
            &gt;</button></div></div>

render(): JSX.Element {
    return (
      <dialog title="Locked">
        <div>
          This song was opened in another tab. You can only edit in one tab at
          once. If you have closed the other tab, you may{" "}
          <a href="{window.location.toString()}">resume editing here</a>.
        </div>
        <div>
          <div>
            
              Reload
            
          </div>
        </div>
      </dialog>

text={"View published closure links"}/>
                        }
                        <a role="button">
                                Download
                        </a>
                    
                
                <dialog title="{&quot;Published">
                    <div>
                        <h5>GeoJSON</h5>
                            <p>
                                <a href="{this.props.uploadUrls.geojsonUploadUrl}">
                                    {
                                        this.props.isGeneratingUploadUrl ? 
                                            
                                            : this.props.uploadUrls.geojsonUploadUrl
                                    }
                                </a>
                            </p>
                        <h5>Waze</h5>
                            <p>
                                <a href="{this.props.uploadUrls.wazeUploadUrl}">
                                {
                                    this.props.isGeneratingUploadUrl ? 
                                        </a></p></div></dialog>

> = ({ clarification, handleClose, serverClock }) => {
  const currentMoment = moment(serverClock || new Date())
  const entries = clarification ? lodash.values(clarification.entries) : []
  return (
    
      {clarification && (
        
          <div>
            <div>
              <div>
                <h5>{clarification.subject}</h5>
                <p>
                  
                    {moment(clarification.issuedTime).from(currentMoment)}
                  
                </p>
              </div>
              <div>
                {entries
                  .sort(</div></div></div>

render() {
    const { closeAction, isOpen } = this.props;
    const { projectName, projectDescription } = this.state;

    return (
      <dialog title="Edit Project Settings">
        <div>
           <div>
              <div>Title</div>
              <input value="{" placeholder="{" type="text">
            </div>
            <div>
              <div>Description</div>
              </div></div></dialog>

render(): JSX.Element {
    return (
      <dialog title="Saving, please wait…">
        <div>
          
        </div>
      </dialog>
    );
  }
}

)

    return (
      <dialog title="{header}">
        
        <div>
          {this.renderDetails()}
          {this.renderModerationTools()}
          {this.renderHistory()}
          {this.renderNote()}
        </div>
      </dialog>
    )
  }

{!_.isNil(optionsError) && (
          <>
            {' '}
            - {optionsError}
          
        )}
      
    )

    const isDone = formState === FormState.Done
    const isProcessing = formState === FormState.Processing
    const inputDisabled = isProcessing || isDone

    return (
      <dialog title="New Straw Poll">
        <div>
          
            
          
          
            </div></dialog>

render() {
    const { project, datasets, currentDatasetId, closeAction, isOpen } = this.props;

    const datasetTitles = datasets.map((d) => d.title);
    return (
      <dialog title="{">
        <div>
          <div>
            { datasets.map((dataset) =&gt;
               datasetTitle == dataset.title).length &gt; 1 }
                selected={ dataset.datasetId == currentDatasetId }
                onClickButton={ () =&gt; this.onSelectDataset(dataset.datasetId) }
              /&gt;
            ) }
          </div>
        </div>
      </dialog>
    );

public render() {
    const { toggle, visible } = this.props

    return (
      
        
          
        
        <content>
          <h3>Thank you for participating to the YaTA beta.</h3>
          <p>Version 1.0.0 is now released but expect regular updates.</p>
          <em>As a token of appreciation, you just received 10 YaTA points.</em>
        </content>
      
    )
  }
}