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

<button disabled="{this.props.disconnected}"> this.props.setMatch(Mode.ESTOP)}
            &gt;
              Emergency
            </button>
          
          
          
            }
                interactionKind={PopoverInteractionKind.HOVER}
                hoverOpenDelay={0}
                hoverCloseDelay={200}&gt;
              <button>Console</button>
            
            }
                interactionKind={PopoverInteractionKind.HOVER}
                hoverOpenDelay={0}
                hoverCloseDelay={200}&gt;
              <button>Debug</button>

icon={}
              key={i}
              text={d.text}
              intent={d.active ? Intent.PRIMARY : Intent.NONE}
              minimal={!d.active}
              onClick={d.onClick}
            />
          ))}
        
        <div>{children}</div>
      
      <div>
        {actionsMenu &amp;&amp; (
          <div>
            
              <button>
            
          </button></div>
        )}
        <div>
          <button>
        </button></div>
      </div>
    
  );
});

<button> onRefresh(false)} /&gt;
        
              {intervals.map((interval: any) =&gt; (
                
              ))}
            
          }
        &gt;
          </button><button>
        
      
    );
  }
}</button>

defaultValue={defaultValue as string}
        onChange={(e: any) => {
          onValueChange(e.target.value);
        }}
        onFocus={(e: any) => {
          this.lastFocusValue = e.target.value;
        }}
        onBlur={(e: any) => {
          if (onBlur) onBlur(e);
          if (this.lastFocusValue === e.target.value) return;
          if (onFinalize) onFinalize();
        }}
        rightElement={
          suggestionsMenu && (
            
              <button>
            
          )
        }
        {...rest}
      /&gt;
    );
  }
}</button>

label={column}
          key={column}
          checked={!tableColumnsHidden.includes(column)}
          onChange={() => onChange(column)}
        />
      ))}
    
  );

  return (
    
      <button>
    
  );
});
</button>

);

      return (
        <div>
           this.setState({ selectedMetricSpec })}
          /&gt;
          {selectedMetricSpecIndex !== -1 &amp;&amp; (
            
              
                <button>
              
            
          )}
          <div>
            </div></button><button> {
                this.updateSpec(
                  deepSet(
                    spec,
                    `dataSchema.metricsSpec.${selectedMetricSpecIndex}`,
                    selectedMetricSpec,
                  ),
                );</button></div>

public render() {
        const { isHovering } = this.state;
        return (
            
                <div style="{{">
                    
                    &nbsp;
                    
                </div>
            
        );
    }