How to use the @blueprintjs/icons.IconNames.CLOUD_UPLOAD function in @blueprintjs/icons

} />
        
        {/* list of available subtitles? */}
        <div>
          
          <div>
            <div>{"Version "}<b>{version}</b></div>
            <div>{"Duration "}<b>{formatTime(duration)}</b></div>
            <div>{"Number of events "}<b>{events.length}</b></div>
          </div>
        </div>
        <div style="{{textAlign:">
          <div>
            <button>
            </button><button disabled="{!canSave}">
          </button></div>
        </div>
        {!canSave &amp;&amp;
          
            {"The current user is not allowed to modify this Codecast."}
          }
        {save &amp;&amp;
          <div>
            {save.state === 'pending' &amp;&amp;
              <div>
                
                {"Saving, please wait…"}
              </div>}
            {save.state === 'failure' &amp;&amp;
              <div>
                </div></div>

<p></p>
            <p>Submit the spec to begin loading data into Druid.</p>
          
        
        <div>
          {!isEmptyIngestionSpec(spec) &amp;&amp; (
            <button>
          )}
          </button><button disabled="{submitting}">
        </button></div>
      
    );
  }

? <div>
                  <textarea value="{subtitlesText}" style="{{width:" rows="{7}">                  &lt;div className='buttons-bar'&gt;
                    &lt;Files  onChange={this._fileChanged} accepts={this._fileAccepts} style={{display: 'inline-block'}}&gt;&lt;Button icon={IconNames.UPLOAD}&gt;{"Load"}&lt;/Button&gt;&lt;/Files&gt;
                    &lt;Button onClick={this._saveSelected} icon={IconNames.DOWNLOAD} text={"Save"}/&gt;
                    &lt;Button onClick={this._reloadSelected} icon={IconNames.CLOUD_DOWNLOAD} disabled={!selected.url} text={"Revert"}/&gt;
                    &lt;Button onClick={this._removeSelected} icon={IconNames.CROSS} text={'Remove'}/&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              : &lt;NonIdealState visual='arrow-left' title={"No language selected"} description={"Load existing subtitles or add a new language, and click the Edit button."} /&gt;}
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div className='hbox mb' style={{textAlign: 'center', backgroundColor: '#efefef', padding: '10px'}}&gt;
          &lt;div className='fill center'&gt;
            &lt;Button onClick={this._beginEdit} disabled={!selected} icon={IconNames.EDIT} text={"Edit"} style={{marginRight: '10px'}}/&gt;
            &lt;Button onClick={this._save} icon={IconNames.CLOUD_UPLOAD} text={"Save"} disabled={!canSave} intent={unsaved ? Intent.PRIMARY : Intent.NONE}/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        {!canSave &amp;&amp;
          &lt;Callout intent={Intent.WARNING} title={"Insufficient access rights"}&gt;
            {"The current user is not allowed to modify this Codecast."}
          &lt;/Callout&gt;}
        &lt;div&gt;
          {notify.key === 'pending' &amp;&amp; &lt;Callout icon={&lt;Spinner small/&gt;}&gt;{"Saving, please wait."}&lt;/Callout&gt;}
          {notify.key === 'success' &amp;&amp; &lt;Callout icon='saved' intent={Intent.SUCCESS}&gt;{"Saved."}&lt;/Callout&gt;}
          {notify.key === 'failure' &amp;&amp; &lt;Callout icon='warning-sign' intent={Intent.DANGER}&gt;{"Failed to save: "}{notify.message}&lt;/Callout&gt;}
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  _refLoad = (el) =&gt; {</textarea></div>

href="#lookups"
        disabled={!capabilities.hasCoordinatorAccess()}
      />
    
  );

  return (
    
      
        <a href="#">
          
        </a>

        
        

{stepRows}
          
          {saving.done &&
            <div style="{{textAlign:">
              
            </div>}
        
      );
    }
    return (
      <div>
        <button>
        
          
        
        </button><button>
        {savingView}
      </button></div>
    );
  }
  static getDerivedStateFromProps (props, state) {

status: string,
    type: string,
  ): BasicAction[] {
    const { goToDatasource, goToLoadData } = this.props;

    const actions: BasicAction[] = [];
    if (datasource && status === 'SUCCESS') {
      actions.push({
        icon: IconNames.MULTI_SELECT,
        title: 'Go to datasource',
        onAction: () => goToDatasource(datasource),
      });
    }
    if (type === 'index' || type === 'index_parallel') {
      actions.push({
        icon: IconNames.CLOUD_UPLOAD,
        title: 'Open in data loader',
        onAction: () => goToLoadData(undefined, id),
      });
    }
    if (status === 'RUNNING' || status === 'WAITING' || status === 'PENDING') {
      actions.push({
        icon: IconNames.CROSS,
        title: 'Kill',
        intent: Intent.DANGER,
        onAction: () => this.setState({ killTaskId: id }),
      });
    }
    return actions;
  }