How to use the @blueprintjs/core.Intent.DANGER function in @blueprintjs/core

<div>
            <div>
              <h2>
                Type or paste below the first EOS transaction id containing the file
              </h2>
              <p>Hint: try 16d1fd7fc2d3ccc4a2141ba71ce32a96a30f848838bb6879ca2967905e97d7ca</p>
              
            </div>
          </div>
        

        <div>
          <div>
            {fileStore.isLoading ? (
              <div>
                <h2>
                  Fetching the file transactions
                </h2>
                {/* Maybe a component */}
                {fileStore.transactions.map((t: any) =&gt; (
                  <p>{t}</p>
                ))}</div></div></div>

export function getIntent(meta: FormInputMeta) {
  return isValid(meta) ? undefined : Intent.DANGER;
}

handleError = err => {
    const toaster = Toaster.create({
      intent: Intent.DANGER
    })
    toaster.show({ message: err })
  }

Socket.listen(error, (evt: any) => {
      dispatch({type: SET_SCANNING, scanning: false});
      Toaster.update(toast, {message: 'Scan failed, please check logs for more details', intent: Intent.DANGER});
    });
  }

value={ projectName }
                onChange={ this.enteredProjectNameInput }/>
            
            <div>
              <div>Description</div>
              <textarea value="{" placeholder="{" type="textarea">            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div className={ Classes.DIALOG_FOOTER }&gt;
            &lt;div className={ Classes.DIALOG_FOOTER_ACTIONS }&gt;
                &lt;Button intent={ Intent.DANGER } iconName="trash" onClick={ this.onClickDeleteProject }&gt;Delete&lt;/Button&gt;
                &lt;Button intent={ Intent.PRIMARY } onClick={ this.submit }&gt;Save Changes&lt;/Button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
      &lt;/Dialog&gt;
    );
  }
}</textarea></div>

renderPassword() {
    const { intl, metadata } = this.props;
    const { role } = this.state;

    if (!metadata.auth.password_login_uri) {
      return null;
    }
    const passwordIntent = this.validPassword() ? undefined : Intent.DANGER;
    const confirm = this.validPasswordConfirm();
    const confirmIntent = confirm ? undefined : Intent.DANGER;
    const confirmHelper = confirm ? undefined : intl.formatMessage(messages.password_mismatch);
    return (
      <>
        <h3>
          
        </h3>

handleChange,
  handleBlur,
  touched,
  isSubmitting,
  setFieldValue,
}) => (
  <form>
    
      <h3>Create Announcement</h3>
      <div>
        
          
        
        
          </div></form>

onClick: () =>
                    this.addToast({
                        icon: "ban-circle",
                        intent: Intent.DANGER,
                        message: "You cannot undo the past.",
                    }),
                text: "Undo",

const { terminateSegmentId, terminateDatasourceId } = this.state;
    if (!terminateDatasourceId || !terminateSegmentId) return;

    return (
       {
          const resp = await axios.delete(
            `/druid/coordinator/v1/datasources/${terminateDatasourceId}/segments/${terminateSegmentId}`,
            {},
          );
          return resp.data;
        }}
        confirmButtonText="Drop Segment"
        successText="Segment drop request acknowledged, next time the coordinator runs segment will be dropped"
        failText="Could not drop segment"
        intent={Intent.DANGER}
        onClose={() => {
          this.setState({ terminateSegmentId: undefined });
        }}
        onSuccess={() => {
          this.segmentsNoSqlQueryManager.rerunLastQuery();
          this.segmentsSqlQueryManager.rerunLastQuery();
        }}
      >
        <p>{`Are you sure you want to drop segment '${terminateSegmentId}'?`}</p>
        <p>This action is not reversible.</p>
      
    );
  }

const NotificationBadge: React.SFC = props => {
  const notifications = props.notificationFilter
    ? props.notificationFilter(props.notifications)
    : props.notifications;

  if (!notifications.length) {
    return null;
  }

  const notificationIcon = (
    
      {notifications.length}
    
  );

  if (!props.disableHover) {
    const makeNotificationTag = (notification: Notification) => {
      const onRemove = () =>
        props.handleAcknowledgeNotifications(filterNotificationsById(notification.id));

      return (