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

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 (
      
        {controlButton(label, icon, () =>
          this.props.handleAcknowledgeNotifications(filterNotificationsByAssessment(overview.id))

public getTimerDuration = () =>
    this.props.timeElapsedBeforePause + Date.now() - this.props.timeResumed;

  private handleRecordInit = () =>
    this.props.handleRecordInit({
      chapter: this.props.sourceChapter,
      externalLibrary: this.props.externalLibraryName as ExternalLibraryName,
      editorValue: this.props.editorValue
    });
}

const INTRODUCTION = 'Welcome to Sourcereel!';

const listVisualizerTab: SideContentTab = {
  label: 'Data Visualizer',
  iconName: IconNames.EYE_OPEN,
  body: ,
  id: SideContentType.dataVisualiser
};

const inspectorTab: SideContentTab = {
  label: 'Inspector',
  iconName: IconNames.SEARCH,
  body: ,
  id: SideContentType.inspector
};

const envVisualizerTab: SideContentTab = {
  label: 'Env Visualizer',
  iconName: IconNames.GLOBE,
  body: ,
  id: SideContentType.envVisualiser

...this.state,
      isGreen: !this.state.isGreen
    });
  }
}

const playgroundIntroductionTab: SideContentTab = {
  label: 'Introduction',
  iconName: IconNames.COMPASS,
  body: ,
  id: SideContentType.introduction
};

const listVisualizerTab: SideContentTab = {
  label: 'Data Visualizer',
  iconName: IconNames.EYE_OPEN,
  body: ,
  id: SideContentType.dataVisualiser
};

const videoDisplayTab: SideContentTab = {
  label: 'Video Display',
  iconName: IconNames.MOBILE_VIDEO,
  body: 
};

const inspectorTab: SideContentTab = {
  label: 'Inspector',
  iconName: IconNames.SEARCH,
  body: ,
  id: SideContentType.inspector
};

handleExternalSelect: this.props.handleExternalSelect
    };
    return (
      <div>
        
        
      </div>
    );
  }
}

const INTRODUCTION = 'Welcome to Sourcecast!';

const listVisualizerTab: SideContentTab = {
  label: 'Data Visualizer',
  iconName: IconNames.EYE_OPEN,
  body: ,
  id: SideContentType.dataVisualiser
};

const inspectorTab: SideContentTab = {
  label: 'Inspector',
  iconName: IconNames.SEARCH,
  body: ,
  id: SideContentType.inspector
};

const envVisualizerTab: SideContentTab = {
  label: 'Env Visualizer',
  iconName: IconNames.GLOBE,
  body: ,
  id: SideContentType.envVisualiser

function getCellMenu(header: string, value: any) {
    const { parsedQuery, onQueryChange, runeMode } = props;

    const showFullValueMenuItem =
      typeof value === 'string' ? (
        <menuitem> {
            setShowValue(value);
          }}
        /&gt;
      ) : (
        undefined
      );

    if (parsedQuery) {
      return (
        <menu>
          <menuitem> {</menuitem></menu></menuitem>