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

icon: IconNames.HELP,
        createContentElement: (props) => {
          return ;
        },
        title: "Treemap interaction help"
      },
      {
        id: "export-image",
        createContentElement: (props) => {
          return ;
        },
        title: "Export treemap as JPEG"
      },
      {
        id: "config",
        icon: IconNames.COG,
        createContentElement: (props) => {
          return ;
        },
        title: "Treemap settings"
      }
    ]
  },

  "pie-chart": {
    label: "Pie-chart",
    createContentElement: (props) => {
      const piechartProps = {
        ...props,
        configStore: pieChartConfigStore,
        implRef: piechartImplRef
      };

},
  BatteryBuzzer: {
    displayName: 'Battery',
    icon: IconNames.OFFLINE,
  },
  TeamFlag: {
    displayName: 'Team Flag',
    icon: IconNames.FLAG,
  },
  ServoControl: {
    displayName: 'Servo',
    icon: IconNames.COG,
  },
  YogiBear: {
    displayName: 'Motor (Yogi Bear)',
    icon: IconNames.COG,
  },
  PolarBear: {
    displayName: 'Motor (Polar Bear)',
    icon: IconNames.COG,
  },
  RFID: {
    displayName: 'RFID',
    icon: IconNames.FEED,
  },
};

const DEFAULT_DEVICE_TYPE = {
  displayName: 'Generic',
  icon: IconNames.DIAGRAM_TREE,
};

export const resultListConfigStore = persistentStore("resultListConfig",
  {
    showRank: true,
    openInNewTab: true,
    showClusters: true,
    maxCharsPerResult: 400
  }
);

export const resultsViews = {
  "list": {
    label: "Results",
    tools: [
      {
        id: "config",
        icon: IconNames.COG,
        createContentElement: (props) => {
          return (
            
              {sources[props.source].createConfig()}
            
          );
        }
      }
    ]
  }
};

<span>{t('topbar.nav.verification')}</span>
                
              
            )
            : null}
          <li>
            
              
              <span>{t('topbar.nav.settings')}</span>
            
          </li>
        
      );
    }

    return (
      <div>
        <li>
          
            
            <span>{t('topbar.nav.settings')}</span></li></div>

/>

        
        
      
      
        
        
          <button>
        
        
          </button><button>
        
      
      {aboutDialogOpen &amp;&amp;  setAboutDialogOpen(false)} /&gt;}
      {doctorDialogOpen &amp;&amp;  setDoctorDialogOpen(false)} /&gt;}
      {coordinatorDynamicConfigDialogOpen &amp;&amp; (
         setCoordinatorDynamicConfigDialogOpen(false)}
        /&gt;
      )}
      {overlordDynamicConfigDialogOpen &amp;&amp; (
         setOverlordDynamicConfigDialogOpen(false)} /&gt;
      )}
    </button>

const DebugMenu = () => (
  <menu>
    <menuitem>
    <menuitem>
    <menuitem>
    <menuitem>
  </menuitem></menuitem></menuitem></menuitem></menu>
);

const DEVICE_TYPES = {
  LineFollower: {
    displayName: 'Line Follower',
    icon: IconNames.FLASH,
  },
  BatteryBuzzer: {
    displayName: 'Battery',
    icon: IconNames.OFFLINE,
  },
  TeamFlag: {
    displayName: 'Team Flag',
    icon: IconNames.FLAG,
  },
  ServoControl: {
    displayName: 'Servo',
    icon: IconNames.COG,
  },
  YogiBear: {
    displayName: 'Motor (Yogi Bear)',
    icon: IconNames.COG,
  },
  PolarBear: {
    displayName: 'Motor (Polar Bear)',
    icon: IconNames.COG,
  },
  RFID: {
    displayName: 'RFID',
    icon: IconNames.FEED,
  },
};

const DEFAULT_DEVICE_TYPE = {