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

private makeOverviewCardButton = (overview: IAssessmentOverview) => {
    let icon: IconName;
    let label: string;
    switch (overview.status) {
      case AssessmentStatuses.not_attempted:
        icon = IconNames.PLAY;
        label = 'Attempt';
        break;
      case AssessmentStatuses.attempting:
        icon = IconNames.PLAY;
        label = 'Continue Attempt';
        break;
      case AssessmentStatuses.attempted:
        icon = IconNames.EDIT;
        label = 'Review Attempt';
        break;
      case AssessmentStatuses.submitted:
        icon = IconNames.EYE_OPEN;
        label = 'Review Submission';
        break;
      default:
        // If we reach this case, backend data did not fit IAssessmentOverview
        icon = IconNames.PLAY;
        label = 'Review';
        break;
    }
    return (

handleRecordInit={this.handleRecordInit}
                  handleSaveSourcecastData={this.props.handleSaveSourcecastData}
                  handleSetEditorReadonly={this.props.handleSetEditorReadonly}
                  handleTimerPause={this.props.handleTimerPause}
                  handleTimerReset={this.props.handleTimerReset}
                  handleTimerResume={this.props.handleTimerResume}
                  handleTimerStart={this.props.handleTimerStart}
                  handleTimerStop={this.props.handleTimerStop}
                  recordingStatus={this.props.recordingStatus}
                />
              
            )
          },
          {
            label: 'Management',
            iconName: IconNames.EDIT,
            body: (
              <div>
                
              </div>
            ),
            id: SideContentType.introduction
          },
          listVisualizerTab,
          inspectorTab,
          envVisualizerTab
        ]
      }

text = 'None';
                }
                return (
                  <span>
                      this.setState({
                        compactionDialogOpenOn: {
                          datasource: row.original.datasource,
                          compactionConfig: compaction,
                        },
                      })
                    }
                  &gt;
                    {text}&nbsp;
                    
                  </span>
                );
              },
              show: capabilities.hasCoordinatorAccess() &amp;&amp; hiddenColumns.exists('Compaction'),

const editorSelect = (
      currentEditor: QuestionEditor,
      handleSelect: (i: QuestionEditor) => void
    ) => (
      
        <button>
      
    );
</button>

Druid can perform per-row{' '}
              
                transforms
              {' '}
              of column values allowing you to create new derived columns or alter existing column.
            <p></p>
            
          
          {Boolean(transformQueryState.error &amp;&amp; transforms.length) &amp;&amp; (
            
              <button> {
                  this.setState({
                    selectedTransformIndex: transforms.length - 1,
                    selectedTransform: transforms[transforms.length - 1],
                  });
                }}
              /&gt;
            
          )}
          {this.renderTransformControls()}
        
        {this.renderNextBar({
          disabled: !transformQueryState.data,
          onNextStep: () =&gt; {</button>

{selected
              ? <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>

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

private getLookupActions(lookupTier: string, lookupId: string): BasicAction[] {
    return [
      {
        icon: IconNames.EDIT,
        title: 'Edit',
        onAction: () => this.openLookupEditDialog(lookupTier, lookupId),
      },
      {
        icon: IconNames.CROSS,
        title: 'Delete',
        intent: Intent.DANGER,
        onAction: () => this.setState({ deleteLookupTier: lookupTier, deleteLookupName: lookupId }),
      },
    ];
  }

const makeOverviewCardButton = (overview: IAssessmentOverview, listingPath: string | undefined) => {
  const label: string = 'Edit mission';
  listingPath = listingPath || '/academy/' + assessmentCategoryLink(overview.category);
  return (
    
      {controlButton(label, IconNames.EDIT)}
    
  );
};