// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<AlertTriggersView /> spec renders the component 1`] = `
<AlertTriggersView
  detector={
    Object {
      "createdBy": "someone",
      "detector_type": "detector_type",
      "enabled": true,
      "id": "detector_id_1",
      "inputs": Array [
        Object {
          "detector_input": Object {
            "custom_rules": Array [
              Object {
                "_id": "rule_id_1",
                "_index": ".windows",
                "_primary_term": 1,
                "_source": Object {
                  "last_update_time": "12/12/2022",
                  "queries": Array [
                    Object {
                      "value": ".windows",
                    },
                  ],
                  "rule": "rule_name",
                },
                "_version": 1,
                "id": "rule_id_1",
                "prePackaged": true,
              },
            ],
            "description": "detectorDescription",
            "indices": Array [
              ".windows",
            ],
            "pre_packaged_rules": Array [
              Object {
                "_id": "rule_id_1",
                "_index": ".windows",
                "_primary_term": 1,
                "_source": Object {
                  "last_update_time": "12/12/2022",
                  "queries": Array [
                    Object {
                      "value": ".windows",
                    },
                  ],
                  "rule": "rule_name",
                },
                "_version": 1,
                "id": "rule_id_1",
                "prePackaged": true,
              },
            ],
          },
        },
      ],
      "name": "detector_name",
      "schedule": Object {
        "period": Object {
          "interval": 1,
          "unit": "MINUTES",
        },
      },
      "triggers": Array [
        Object {
          "actions": Array [
            Object {
              "destination_id": "some_destination_id_1",
              "id": "trigger_id_1_0",
              "message_template": Object {
                "lang": "some_lang",
                "source": "some_source",
              },
              "name": "some_name",
              "subject_template": Object {
                "lang": "some_lang",
                "source": "some_source",
              },
              "throttle": Object {
                "unit": "minutes",
                "value": 1,
              },
              "throttle_enabled": true,
            },
            Object {
              "destination_id": "some_destination_id_1",
              "id": "trigger_id_1_1",
              "message_template": Object {
                "lang": "some_lang",
                "source": "some_source",
              },
              "name": "some_name",
              "subject_template": Object {
                "lang": "some_lang",
                "source": "some_source",
              },
              "throttle": Object {
                "unit": "minutes",
                "value": 1,
              },
              "throttle_enabled": true,
            },
          ],
          "id": "trigger_id_0",
          "ids": Array [
            "rule_id_1",
          ],
          "name": "alert_name",
          "sev_levels": Array [
            "severity_level_low",
          ],
          "severity": "1",
          "tags": Array [
            "any.tag",
          ],
          "types": Array [
            "detector_type_1",
          ],
        },
        Object {
          "actions": Array [
            Object {
              "destination_id": "some_destination_id_1",
              "id": "trigger_id_1_0",
              "message_template": Object {
                "lang": "some_lang",
                "source": "some_source",
              },
              "name": "some_name",
              "subject_template": Object {
                "lang": "some_lang",
                "source": "some_source",
              },
              "throttle": Object {
                "unit": "minutes",
                "value": 1,
              },
              "throttle_enabled": true,
            },
            Object {
              "destination_id": "some_destination_id_1",
              "id": "trigger_id_1_1",
              "message_template": Object {
                "lang": "some_lang",
                "source": "some_source",
              },
              "name": "some_name",
              "subject_template": Object {
                "lang": "some_lang",
                "source": "some_source",
              },
              "throttle": Object {
                "unit": "minutes",
                "value": 1,
              },
              "throttle_enabled": true,
            },
          ],
          "id": "trigger_id_1",
          "ids": Array [
            "rule_id_1",
          ],
          "name": "alert_name",
          "sev_levels": Array [
            "severity_level_low",
          ],
          "severity": "1",
          "tags": Array [
            "any.tag",
          ],
          "types": Array [
            "detector_type_1",
          ],
        },
      ],
      "type": "detector",
    }
  }
  editAlertTriggers={[MockFunction]}
  notifications={
    Object {
      "toasts": Object {
        "addDanger": [MockFunction],
        "addInfo": [MockFunction],
        "addSuccess": [MockFunction],
        "addWarning": [MockFunction],
      },
    }
  }
>
  <ContentPanel
    actions={
      Array [
        <EuiButton
          onClick={[MockFunction]}
        >
          Edit
        </EuiButton>,
      ]
    }
    title="Alert triggers (2)"
  >
    <EuiPanel
      className=""
      style={
        Object {
          "paddingLeft": "0px",
          "paddingRight": "0px",
        }
      }
    >
      <div
        className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
        style={
          Object {
            "paddingLeft": "0px",
            "paddingRight": "0px",
          }
        }
      >
        <EuiFlexGroup
          alignItems="center"
          justifyContent="spaceBetween"
          style={
            Object {
              "padding": "0px 10px",
            }
          }
        >
          <div
            className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
            style={
              Object {
                "padding": "0px 10px",
              }
            }
          >
            <EuiFlexItem>
              <div
                className="euiFlexItem"
              >
                <EuiTitle
                  size="m"
                >
                  <h3
                    className="euiTitle euiTitle--medium"
                  >
                    Alert triggers (2)
                  </h3>
                </EuiTitle>
              </div>
            </EuiFlexItem>
            <EuiFlexItem
              grow={false}
            >
              <div
                className="euiFlexItem euiFlexItem--flexGrowZero"
              >
                <EuiFlexGroup
                  alignItems="center"
                  justifyContent="spaceBetween"
                >
                  <div
                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
                  >
                    <EuiFlexItem
                      key="0"
                    >
                      <div
                        className="euiFlexItem"
                      >
                        <EuiButton
                          onClick={[MockFunction]}
                        >
                          <EuiButtonDisplay
                            baseClassName="euiButton"
                            disabled={false}
                            element="button"
                            isDisabled={false}
                            onClick={[MockFunction]}
                            type="button"
                          >
                            <button
                              className="euiButton euiButton--primary"
                              disabled={false}
                              onClick={[MockFunction]}
                              style={
                                Object {
                                  "minWidth": undefined,
                                }
                              }
                              type="button"
                            >
                              <EuiButtonContent
                                className="euiButton__content"
                                iconSide="left"
                                textProps={
                                  Object {
                                    "className": "euiButton__text",
                                  }
                                }
                              >
                                <span
                                  className="euiButtonContent euiButton__content"
                                >
                                  <span
                                    className="euiButton__text"
                                  >
                                    Edit
                                  </span>
                                </span>
                              </EuiButtonContent>
                            </button>
                          </EuiButtonDisplay>
                        </EuiButton>
                      </div>
                    </EuiFlexItem>
                  </div>
                </EuiFlexGroup>
              </div>
            </EuiFlexItem>
          </div>
        </EuiFlexGroup>
        <EuiHorizontalRule
          margin="xs"
        >
          <hr
            className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginXSmall"
          />
        </EuiHorizontalRule>
        <div
          style={
            Object {
              "padding": "0px 10px",
            }
          }
        >
          <AlertTriggerView
            alertTrigger={
              Object {
                "actions": Array [
                  Object {
                    "destination_id": "some_destination_id_1",
                    "id": "trigger_id_1_0",
                    "message_template": Object {
                      "lang": "some_lang",
                      "source": "some_source",
                    },
                    "name": "some_name",
                    "subject_template": Object {
                      "lang": "some_lang",
                      "source": "some_source",
                    },
                    "throttle": Object {
                      "unit": "minutes",
                      "value": 1,
                    },
                    "throttle_enabled": true,
                  },
                  Object {
                    "destination_id": "some_destination_id_1",
                    "id": "trigger_id_1_1",
                    "message_template": Object {
                      "lang": "some_lang",
                      "source": "some_source",
                    },
                    "name": "some_name",
                    "subject_template": Object {
                      "lang": "some_lang",
                      "source": "some_source",
                    },
                    "throttle": Object {
                      "unit": "minutes",
                      "value": 1,
                    },
                    "throttle_enabled": true,
                  },
                ],
                "id": "trigger_id_0",
                "ids": Array [
                  "rule_id_1",
                ],
                "name": "alert_name",
                "sev_levels": Array [
                  "severity_level_low",
                ],
                "severity": "1",
                "tags": Array [
                  "any.tag",
                ],
                "types": Array [
                  "detector_type_1",
                ],
              }
            }
            detector={
              Object {
                "createdBy": "someone",
                "detector_type": "detector_type",
                "enabled": true,
                "id": "detector_id_1",
                "inputs": Array [
                  Object {
                    "detector_input": Object {
                      "custom_rules": Array [
                        Object {
                          "_id": "rule_id_1",
                          "_index": ".windows",
                          "_primary_term": 1,
                          "_source": Object {
                            "last_update_time": "12/12/2022",
                            "queries": Array [
                              Object {
                                "value": ".windows",
                              },
                            ],
                            "rule": "rule_name",
                          },
                          "_version": 1,
                          "id": "rule_id_1",
                          "prePackaged": true,
                        },
                      ],
                      "description": "detectorDescription",
                      "indices": Array [
                        ".windows",
                      ],
                      "pre_packaged_rules": Array [
                        Object {
                          "_id": "rule_id_1",
                          "_index": ".windows",
                          "_primary_term": 1,
                          "_source": Object {
                            "last_update_time": "12/12/2022",
                            "queries": Array [
                              Object {
                                "value": ".windows",
                              },
                            ],
                            "rule": "rule_name",
                          },
                          "_version": 1,
                          "id": "rule_id_1",
                          "prePackaged": true,
                        },
                      ],
                    },
                  },
                ],
                "name": "detector_name",
                "schedule": Object {
                  "period": Object {
                    "interval": 1,
                    "unit": "MINUTES",
                  },
                },
                "triggers": Array [
                  Object {
                    "actions": Array [
                      Object {
                        "destination_id": "some_destination_id_1",
                        "id": "trigger_id_1_0",
                        "message_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "name": "some_name",
                        "subject_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "throttle": Object {
                          "unit": "minutes",
                          "value": 1,
                        },
                        "throttle_enabled": true,
                      },
                      Object {
                        "destination_id": "some_destination_id_1",
                        "id": "trigger_id_1_1",
                        "message_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "name": "some_name",
                        "subject_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "throttle": Object {
                          "unit": "minutes",
                          "value": 1,
                        },
                        "throttle_enabled": true,
                      },
                    ],
                    "id": "trigger_id_0",
                    "ids": Array [
                      "rule_id_1",
                    ],
                    "name": "alert_name",
                    "sev_levels": Array [
                      "severity_level_low",
                    ],
                    "severity": "1",
                    "tags": Array [
                      "any.tag",
                    ],
                    "types": Array [
                      "detector_type_1",
                    ],
                  },
                  Object {
                    "actions": Array [
                      Object {
                        "destination_id": "some_destination_id_1",
                        "id": "trigger_id_1_0",
                        "message_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "name": "some_name",
                        "subject_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "throttle": Object {
                          "unit": "minutes",
                          "value": 1,
                        },
                        "throttle_enabled": true,
                      },
                      Object {
                        "destination_id": "some_destination_id_1",
                        "id": "trigger_id_1_1",
                        "message_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "name": "some_name",
                        "subject_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "throttle": Object {
                          "unit": "minutes",
                          "value": 1,
                        },
                        "throttle_enabled": true,
                      },
                    ],
                    "id": "trigger_id_1",
                    "ids": Array [
                      "rule_id_1",
                    ],
                    "name": "alert_name",
                    "sev_levels": Array [
                      "severity_level_low",
                    ],
                    "severity": "1",
                    "tags": Array [
                      "any.tag",
                    ],
                    "types": Array [
                      "detector_type_1",
                    ],
                  },
                ],
                "type": "detector",
              }
            }
            key="trigger_id_0"
            notificationChannels={Array []}
            orderPosition={0}
            rules={Object {}}
          >
            <div>
              <EuiSpacer
                size="s"
              >
                <div
                  className="euiSpacer euiSpacer--s"
                />
              </EuiSpacer>
              <EuiAccordion
                arrowDisplay="left"
                buttonContent={
                  <EuiText
                    size="m"
                  >
                    <p>
                      alert_name
                    </p>
                  </EuiText>
                }
                id="alert-trigger-0"
                initialIsOpen={false}
                isLoading={false}
                isLoadingMessage={false}
                paddingSize="m"
              >
                <div
                  className="euiAccordion"
                >
                  <div
                    className="euiAccordion__triggerWrapper"
                  >
                    <button
                      aria-controls="alert-trigger-0"
                      aria-expanded={false}
                      className="euiAccordion__button"
                      id="some_html_id"
                      onClick={[Function]}
                      type="button"
                    >
                      <span
                        className="euiAccordion__iconWrapper"
                      >
                        <EuiIcon
                          className="euiAccordion__icon"
                          size="m"
                          type="arrowRight"
                        >
                          EuiIconMock
                        </EuiIcon>
                      </span>
                      <span
                        className="euiIEFlexWrapFix"
                      >
                        <EuiText
                          size="m"
                        >
                          <div
                            className="euiText euiText--medium"
                          >
                            <p>
                              alert_name
                            </p>
                          </div>
                        </EuiText>
                      </span>
                    </button>
                  </div>
                  <div
                    aria-labelledby="some_html_id"
                    className="euiAccordion__childWrapper"
                    id="alert-trigger-0"
                    role="region"
                    tabIndex={-1}
                  >
                    <EuiResizeObserver
                      onResize={[Function]}
                    >
                      <div>
                        <div
                          className="euiAccordion__padding--m"
                        >
                          <EuiSpacer
                            size="m"
                          >
                            <div
                              className="euiSpacer euiSpacer--m"
                            />
                          </EuiSpacer>
                          <EuiFormRow
                            describedByIds={Array []}
                            display="row"
                            fullWidth={true}
                            hasChildLabel={true}
                            hasEmptyLabelSpace={false}
                            label={
                              <EuiText
                                color="subdued"
                              >
                                Trigger name
                              </EuiText>
                            }
                            labelType="label"
                          >
                            <div
                              className="euiFormRow euiFormRow--fullWidth"
                              id="some_html_id-row"
                            >
                              <div
                                className="euiFormRow__labelWrapper"
                              >
                                <EuiFormLabel
                                  className="euiFormRow__label"
                                  htmlFor="some_html_id"
                                  isFocused={false}
                                  type="label"
                                >
                                  <label
                                    className="euiFormLabel euiFormRow__label"
                                    htmlFor="some_html_id"
                                  >
                                    <EuiText
                                      color="subdued"
                                    >
                                      <div
                                        className="euiText euiText--medium"
                                      >
                                        <EuiTextColor
                                          color="subdued"
                                          component="div"
                                        >
                                          <div
                                            className="euiTextColor euiTextColor--subdued"
                                          >
                                            Trigger name
                                          </div>
                                        </EuiTextColor>
                                      </div>
                                    </EuiText>
                                  </label>
                                </EuiFormLabel>
                              </div>
                              <div
                                className="euiFormRow__fieldWrapper"
                              >
                                <EuiText
                                  data-test-subj="text-details-group-content-trigger-name"
                                  id="some_html_id"
                                  onBlur={[Function]}
                                  onFocus={[Function]}
                                >
                                  <div
                                    className="euiText euiText--medium"
                                    data-test-subj="text-details-group-content-trigger-name"
                                    id="some_html_id"
                                    onBlur={[Function]}
                                    onFocus={[Function]}
                                  >
                                    alert_name
                                  </div>
                                </EuiText>
                              </div>
                            </div>
                          </EuiFormRow>
                          <EuiSpacer
                            size="xl"
                          >
                            <div
                              className="euiSpacer euiSpacer--xl"
                            />
                          </EuiSpacer>
                          <EuiTitle
                            size="s"
                          >
                            <h5
                              className="euiTitle euiTitle--small"
                            >
                              If any detection rule matches
                            </h5>
                          </EuiTitle>
                          <EuiSpacer
                            size="m"
                          >
                            <div
                              className="euiSpacer euiSpacer--m"
                            />
                          </EuiSpacer>
                          <EuiFlexGroup
                            className="detailsFormRow"
                          >
                            <div
                              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive detailsFormRow"
                            >
                              <EuiFlexItem
                                grow={true}
                                key="0"
                              >
                                <div
                                  className="euiFlexItem"
                                >
                                  <EuiFormRow
                                    describedByIds={Array []}
                                    display="row"
                                    fullWidth={true}
                                    hasChildLabel={true}
                                    hasEmptyLabelSpace={false}
                                    label={
                                      <EuiText
                                        color="subdued"
                                      >
                                        Log type
                                      </EuiText>
                                    }
                                    labelType="label"
                                  >
                                    <div
                                      className="euiFormRow euiFormRow--fullWidth"
                                      id="some_html_id-row"
                                    >
                                      <div
                                        className="euiFormRow__labelWrapper"
                                      >
                                        <EuiFormLabel
                                          className="euiFormRow__label"
                                          htmlFor="some_html_id"
                                          isFocused={false}
                                          type="label"
                                        >
                                          <label
                                            className="euiFormLabel euiFormRow__label"
                                            htmlFor="some_html_id"
                                          >
                                            <EuiText
                                              color="subdued"
                                            >
                                              <div
                                                className="euiText euiText--medium"
                                              >
                                                <EuiTextColor
                                                  color="subdued"
                                                  component="div"
                                                >
                                                  <div
                                                    className="euiTextColor euiTextColor--subdued"
                                                  >
                                                    Log type
                                                  </div>
                                                </EuiTextColor>
                                              </div>
                                            </EuiText>
                                          </label>
                                        </EuiFormLabel>
                                      </div>
                                      <div
                                        className="euiFormRow__fieldWrapper"
                                      >
                                        <EuiText
                                          data-test-subj="text-details-group-content-log-type"
                                          id="some_html_id"
                                          onBlur={[Function]}
                                          onFocus={[Function]}
                                        >
                                          <div
                                            className="euiText euiText--medium"
                                            data-test-subj="text-details-group-content-log-type"
                                            id="some_html_id"
                                            onBlur={[Function]}
                                            onFocus={[Function]}
                                          >
                                            detector_type_1
                                          </div>
                                        </EuiText>
                                      </div>
                                    </div>
                                  </EuiFormRow>
                                </div>
                              </EuiFlexItem>
                              <EuiFlexItem
                                grow={true}
                                key="1"
                              >
                                <div
                                  className="euiFlexItem"
                                >
                                  <EuiFormRow
                                    describedByIds={Array []}
                                    display="row"
                                    fullWidth={true}
                                    hasChildLabel={true}
                                    hasEmptyLabelSpace={false}
                                    label={
                                      <EuiText
                                        color="subdued"
                                      >
                                        Rule names
                                      </EuiText>
                                    }
                                    labelType="label"
                                  >
                                    <div
                                      className="euiFormRow euiFormRow--fullWidth"
                                      id="some_html_id-row"
                                    >
                                      <div
                                        className="euiFormRow__labelWrapper"
                                      >
                                        <EuiFormLabel
                                          className="euiFormRow__label"
                                          htmlFor="some_html_id"
                                          isFocused={false}
                                          type="label"
                                        >
                                          <label
                                            className="euiFormLabel euiFormRow__label"
                                            htmlFor="some_html_id"
                                          >
                                            <EuiText
                                              color="subdued"
                                            >
                                              <div
                                                className="euiText euiText--medium"
                                              >
                                                <EuiTextColor
                                                  color="subdued"
                                                  component="div"
                                                >
                                                  <div
                                                    className="euiTextColor euiTextColor--subdued"
                                                  >
                                                    Rule names
                                                  </div>
                                                </EuiTextColor>
                                              </div>
                                            </EuiText>
                                          </label>
                                        </EuiFormLabel>
                                      </div>
                                      <div
                                        className="euiFormRow__fieldWrapper"
                                      >
                                        <EuiText
                                          data-test-subj="text-details-group-content-rule-names"
                                          id="some_html_id"
                                          onBlur={[Function]}
                                          onFocus={[Function]}
                                        >
                                          <div
                                            className="euiText euiText--medium"
                                            data-test-subj="text-details-group-content-rule-names"
                                            id="some_html_id"
                                            onBlur={[Function]}
                                            onFocus={[Function]}
                                          >
                                            -
                                          </div>
                                        </EuiText>
                                      </div>
                                    </div>
                                  </EuiFormRow>
                                </div>
                              </EuiFlexItem>
                            </div>
                          </EuiFlexGroup>
                          <EuiSpacer
                            size="xl"
                          >
                            <div
                              className="euiSpacer euiSpacer--xl"
                            />
                          </EuiSpacer>
                          <EuiFlexGroup
                            className="detailsFormRow"
                          >
                            <div
                              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive detailsFormRow"
                            >
                              <EuiFlexItem
                                grow={true}
                                key="0"
                              >
                                <div
                                  className="euiFlexItem"
                                >
                                  <EuiFormRow
                                    describedByIds={Array []}
                                    display="row"
                                    fullWidth={true}
                                    hasChildLabel={true}
                                    hasEmptyLabelSpace={false}
                                    label={
                                      <EuiText
                                        color="subdued"
                                      >
                                        Rule severities
                                      </EuiText>
                                    }
                                    labelType="label"
                                  >
                                    <div
                                      className="euiFormRow euiFormRow--fullWidth"
                                      id="some_html_id-row"
                                    >
                                      <div
                                        className="euiFormRow__labelWrapper"
                                      >
                                        <EuiFormLabel
                                          className="euiFormRow__label"
                                          htmlFor="some_html_id"
                                          isFocused={false}
                                          type="label"
                                        >
                                          <label
                                            className="euiFormLabel euiFormRow__label"
                                            htmlFor="some_html_id"
                                          >
                                            <EuiText
                                              color="subdued"
                                            >
                                              <div
                                                className="euiText euiText--medium"
                                              >
                                                <EuiTextColor
                                                  color="subdued"
                                                  component="div"
                                                >
                                                  <div
                                                    className="euiTextColor euiTextColor--subdued"
                                                  >
                                                    Rule severities
                                                  </div>
                                                </EuiTextColor>
                                              </div>
                                            </EuiText>
                                          </label>
                                        </EuiFormLabel>
                                      </div>
                                      <div
                                        className="euiFormRow__fieldWrapper"
                                      >
                                        <EuiText
                                          data-test-subj="text-details-group-content-rule-severities"
                                          id="some_html_id"
                                          onBlur={[Function]}
                                          onFocus={[Function]}
                                        >
                                          <div
                                            className="euiText euiText--medium"
                                            data-test-subj="text-details-group-content-rule-severities"
                                            id="some_html_id"
                                            onBlur={[Function]}
                                            onFocus={[Function]}
                                          >
                                            severity_level_low
                                          </div>
                                        </EuiText>
                                      </div>
                                    </div>
                                  </EuiFormRow>
                                </div>
                              </EuiFlexItem>
                              <EuiFlexItem
                                grow={true}
                                key="1"
                              >
                                <div
                                  className="euiFlexItem"
                                >
                                  <EuiFormRow
                                    describedByIds={Array []}
                                    display="row"
                                    fullWidth={true}
                                    hasChildLabel={true}
                                    hasEmptyLabelSpace={false}
                                    label={
                                      <EuiText
                                        color="subdued"
                                      >
                                        Tags
                                      </EuiText>
                                    }
                                    labelType="label"
                                  >
                                    <div
                                      className="euiFormRow euiFormRow--fullWidth"
                                      id="some_html_id-row"
                                    >
                                      <div
                                        className="euiFormRow__labelWrapper"
                                      >
                                        <EuiFormLabel
                                          className="euiFormRow__label"
                                          htmlFor="some_html_id"
                                          isFocused={false}
                                          type="label"
                                        >
                                          <label
                                            className="euiFormLabel euiFormRow__label"
                                            htmlFor="some_html_id"
                                          >
                                            <EuiText
                                              color="subdued"
                                            >
                                              <div
                                                className="euiText euiText--medium"
                                              >
                                                <EuiTextColor
                                                  color="subdued"
                                                  component="div"
                                                >
                                                  <div
                                                    className="euiTextColor euiTextColor--subdued"
                                                  >
                                                    Tags
                                                  </div>
                                                </EuiTextColor>
                                              </div>
                                            </EuiText>
                                          </label>
                                        </EuiFormLabel>
                                      </div>
                                      <div
                                        className="euiFormRow__fieldWrapper"
                                      >
                                        <EuiText
                                          data-test-subj="text-details-group-content-tags"
                                          id="some_html_id"
                                          onBlur={[Function]}
                                          onFocus={[Function]}
                                        >
                                          <div
                                            className="euiText euiText--medium"
                                            data-test-subj="text-details-group-content-tags"
                                            id="some_html_id"
                                            onBlur={[Function]}
                                            onFocus={[Function]}
                                          >
                                            any.tag
                                          </div>
                                        </EuiText>
                                      </div>
                                    </div>
                                  </EuiFormRow>
                                </div>
                              </EuiFlexItem>
                            </div>
                          </EuiFlexGroup>
                          <EuiSpacer
                            size="xl"
                          >
                            <div
                              className="euiSpacer euiSpacer--xl"
                            />
                          </EuiSpacer>
                          <EuiSpacer
                            size="xl"
                          >
                            <div
                              className="euiSpacer euiSpacer--xl"
                            />
                          </EuiSpacer>
                          <EuiTitle
                            size="s"
                          >
                            <h5
                              className="euiTitle euiTitle--small"
                            >
                              Alert and notify
                            </h5>
                          </EuiTitle>
                          <EuiSpacer
                            size="m"
                          >
                            <div
                              className="euiSpacer euiSpacer--m"
                            />
                          </EuiSpacer>
                          <EuiFormRow
                            describedByIds={Array []}
                            display="row"
                            fullWidth={true}
                            hasChildLabel={true}
                            hasEmptyLabelSpace={false}
                            label={
                              <EuiText
                                color="subdued"
                              >
                                Trigger alerts with severity
                              </EuiText>
                            }
                            labelType="label"
                          >
                            <div
                              className="euiFormRow euiFormRow--fullWidth"
                              id="some_html_id-row"
                            >
                              <div
                                className="euiFormRow__labelWrapper"
                              >
                                <EuiFormLabel
                                  className="euiFormRow__label"
                                  htmlFor="some_html_id"
                                  isFocused={false}
                                  type="label"
                                >
                                  <label
                                    className="euiFormLabel euiFormRow__label"
                                    htmlFor="some_html_id"
                                  >
                                    <EuiText
                                      color="subdued"
                                    >
                                      <div
                                        className="euiText euiText--medium"
                                      >
                                        <EuiTextColor
                                          color="subdued"
                                          component="div"
                                        >
                                          <div
                                            className="euiTextColor euiTextColor--subdued"
                                          >
                                            Trigger alerts with severity
                                          </div>
                                        </EuiTextColor>
                                      </div>
                                    </EuiText>
                                  </label>
                                </EuiFormLabel>
                              </div>
                              <div
                                className="euiFormRow__fieldWrapper"
                              >
                                <EuiText
                                  data-test-subj="text-details-group-content-trigger-alerts-with-severity"
                                  id="some_html_id"
                                  onBlur={[Function]}
                                  onFocus={[Function]}
                                >
                                  <div
                                    className="euiText euiText--medium"
                                    data-test-subj="text-details-group-content-trigger-alerts-with-severity"
                                    id="some_html_id"
                                    onBlur={[Function]}
                                    onFocus={[Function]}
                                  >
                                    1 (Highest)
                                  </div>
                                </EuiText>
                              </div>
                            </div>
                          </EuiFormRow>
                          <EuiSpacer
                            size="l"
                          >
                            <div
                              className="euiSpacer euiSpacer--l"
                            />
                          </EuiSpacer>
                          <EuiFormRow
                            describedByIds={Array []}
                            display="row"
                            fullWidth={true}
                            hasChildLabel={true}
                            hasEmptyLabelSpace={false}
                            label={
                              <EuiText
                                color="subdued"
                              >
                                Notify channel
                              </EuiText>
                            }
                            labelType="label"
                          >
                            <div
                              className="euiFormRow euiFormRow--fullWidth"
                              id="some_html_id-row"
                            >
                              <div
                                className="euiFormRow__labelWrapper"
                              >
                                <EuiFormLabel
                                  className="euiFormRow__label"
                                  htmlFor="some_html_id"
                                  isFocused={false}
                                  type="label"
                                >
                                  <label
                                    className="euiFormLabel euiFormRow__label"
                                    htmlFor="some_html_id"
                                  >
                                    <EuiText
                                      color="subdued"
                                    >
                                      <div
                                        className="euiText euiText--medium"
                                      >
                                        <EuiTextColor
                                          color="subdued"
                                          component="div"
                                        >
                                          <div
                                            className="euiTextColor euiTextColor--subdued"
                                          >
                                            Notify channel
                                          </div>
                                        </EuiTextColor>
                                      </div>
                                    </EuiText>
                                  </label>
                                </EuiFormLabel>
                              </div>
                              <div
                                className="euiFormRow__fieldWrapper"
                              >
                                <EuiText
                                  data-test-subj="text-details-group-content-notify-channel"
                                  id="some_html_id"
                                  onBlur={[Function]}
                                  onFocus={[Function]}
                                >
                                  <div
                                    className="euiText euiText--medium"
                                    data-test-subj="text-details-group-content-notify-channel"
                                    id="some_html_id"
                                    onBlur={[Function]}
                                    onFocus={[Function]}
                                  >
                                    <EuiText>
                                      <div
                                        className="euiText euiText--medium"
                                      >
                                        -
                                      </div>
                                    </EuiText>
                                  </div>
                                </EuiText>
                              </div>
                            </div>
                          </EuiFormRow>
                        </div>
                      </div>
                    </EuiResizeObserver>
                  </div>
                </div>
              </EuiAccordion>
            </div>
          </AlertTriggerView>
          <AlertTriggerView
            alertTrigger={
              Object {
                "actions": Array [
                  Object {
                    "destination_id": "some_destination_id_1",
                    "id": "trigger_id_1_0",
                    "message_template": Object {
                      "lang": "some_lang",
                      "source": "some_source",
                    },
                    "name": "some_name",
                    "subject_template": Object {
                      "lang": "some_lang",
                      "source": "some_source",
                    },
                    "throttle": Object {
                      "unit": "minutes",
                      "value": 1,
                    },
                    "throttle_enabled": true,
                  },
                  Object {
                    "destination_id": "some_destination_id_1",
                    "id": "trigger_id_1_1",
                    "message_template": Object {
                      "lang": "some_lang",
                      "source": "some_source",
                    },
                    "name": "some_name",
                    "subject_template": Object {
                      "lang": "some_lang",
                      "source": "some_source",
                    },
                    "throttle": Object {
                      "unit": "minutes",
                      "value": 1,
                    },
                    "throttle_enabled": true,
                  },
                ],
                "id": "trigger_id_1",
                "ids": Array [
                  "rule_id_1",
                ],
                "name": "alert_name",
                "sev_levels": Array [
                  "severity_level_low",
                ],
                "severity": "1",
                "tags": Array [
                  "any.tag",
                ],
                "types": Array [
                  "detector_type_1",
                ],
              }
            }
            detector={
              Object {
                "createdBy": "someone",
                "detector_type": "detector_type",
                "enabled": true,
                "id": "detector_id_1",
                "inputs": Array [
                  Object {
                    "detector_input": Object {
                      "custom_rules": Array [
                        Object {
                          "_id": "rule_id_1",
                          "_index": ".windows",
                          "_primary_term": 1,
                          "_source": Object {
                            "last_update_time": "12/12/2022",
                            "queries": Array [
                              Object {
                                "value": ".windows",
                              },
                            ],
                            "rule": "rule_name",
                          },
                          "_version": 1,
                          "id": "rule_id_1",
                          "prePackaged": true,
                        },
                      ],
                      "description": "detectorDescription",
                      "indices": Array [
                        ".windows",
                      ],
                      "pre_packaged_rules": Array [
                        Object {
                          "_id": "rule_id_1",
                          "_index": ".windows",
                          "_primary_term": 1,
                          "_source": Object {
                            "last_update_time": "12/12/2022",
                            "queries": Array [
                              Object {
                                "value": ".windows",
                              },
                            ],
                            "rule": "rule_name",
                          },
                          "_version": 1,
                          "id": "rule_id_1",
                          "prePackaged": true,
                        },
                      ],
                    },
                  },
                ],
                "name": "detector_name",
                "schedule": Object {
                  "period": Object {
                    "interval": 1,
                    "unit": "MINUTES",
                  },
                },
                "triggers": Array [
                  Object {
                    "actions": Array [
                      Object {
                        "destination_id": "some_destination_id_1",
                        "id": "trigger_id_1_0",
                        "message_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "name": "some_name",
                        "subject_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "throttle": Object {
                          "unit": "minutes",
                          "value": 1,
                        },
                        "throttle_enabled": true,
                      },
                      Object {
                        "destination_id": "some_destination_id_1",
                        "id": "trigger_id_1_1",
                        "message_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "name": "some_name",
                        "subject_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "throttle": Object {
                          "unit": "minutes",
                          "value": 1,
                        },
                        "throttle_enabled": true,
                      },
                    ],
                    "id": "trigger_id_0",
                    "ids": Array [
                      "rule_id_1",
                    ],
                    "name": "alert_name",
                    "sev_levels": Array [
                      "severity_level_low",
                    ],
                    "severity": "1",
                    "tags": Array [
                      "any.tag",
                    ],
                    "types": Array [
                      "detector_type_1",
                    ],
                  },
                  Object {
                    "actions": Array [
                      Object {
                        "destination_id": "some_destination_id_1",
                        "id": "trigger_id_1_0",
                        "message_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "name": "some_name",
                        "subject_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "throttle": Object {
                          "unit": "minutes",
                          "value": 1,
                        },
                        "throttle_enabled": true,
                      },
                      Object {
                        "destination_id": "some_destination_id_1",
                        "id": "trigger_id_1_1",
                        "message_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "name": "some_name",
                        "subject_template": Object {
                          "lang": "some_lang",
                          "source": "some_source",
                        },
                        "throttle": Object {
                          "unit": "minutes",
                          "value": 1,
                        },
                        "throttle_enabled": true,
                      },
                    ],
                    "id": "trigger_id_1",
                    "ids": Array [
                      "rule_id_1",
                    ],
                    "name": "alert_name",
                    "sev_levels": Array [
                      "severity_level_low",
                    ],
                    "severity": "1",
                    "tags": Array [
                      "any.tag",
                    ],
                    "types": Array [
                      "detector_type_1",
                    ],
                  },
                ],
                "type": "detector",
              }
            }
            key="trigger_id_1"
            notificationChannels={Array []}
            orderPosition={1}
            rules={Object {}}
          >
            <div>
              <EuiHorizontalRule
                margin="m"
              >
                <hr
                  className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginMedium"
                />
              </EuiHorizontalRule>
              <EuiAccordion
                arrowDisplay="left"
                buttonContent={
                  <EuiText
                    size="m"
                  >
                    <p>
                      alert_name
                    </p>
                  </EuiText>
                }
                id="alert-trigger-1"
                initialIsOpen={false}
                isLoading={false}
                isLoadingMessage={false}
                paddingSize="m"
              >
                <div
                  className="euiAccordion"
                >
                  <div
                    className="euiAccordion__triggerWrapper"
                  >
                    <button
                      aria-controls="alert-trigger-1"
                      aria-expanded={false}
                      className="euiAccordion__button"
                      id="some_html_id"
                      onClick={[Function]}
                      type="button"
                    >
                      <span
                        className="euiAccordion__iconWrapper"
                      >
                        <EuiIcon
                          className="euiAccordion__icon"
                          size="m"
                          type="arrowRight"
                        >
                          EuiIconMock
                        </EuiIcon>
                      </span>
                      <span
                        className="euiIEFlexWrapFix"
                      >
                        <EuiText
                          size="m"
                        >
                          <div
                            className="euiText euiText--medium"
                          >
                            <p>
                              alert_name
                            </p>
                          </div>
                        </EuiText>
                      </span>
                    </button>
                  </div>
                  <div
                    aria-labelledby="some_html_id"
                    className="euiAccordion__childWrapper"
                    id="alert-trigger-1"
                    role="region"
                    tabIndex={-1}
                  >
                    <EuiResizeObserver
                      onResize={[Function]}
                    >
                      <div>
                        <div
                          className="euiAccordion__padding--m"
                        >
                          <EuiSpacer
                            size="m"
                          >
                            <div
                              className="euiSpacer euiSpacer--m"
                            />
                          </EuiSpacer>
                          <EuiFormRow
                            describedByIds={Array []}
                            display="row"
                            fullWidth={true}
                            hasChildLabel={true}
                            hasEmptyLabelSpace={false}
                            label={
                              <EuiText
                                color="subdued"
                              >
                                Trigger name
                              </EuiText>
                            }
                            labelType="label"
                          >
                            <div
                              className="euiFormRow euiFormRow--fullWidth"
                              id="some_html_id-row"
                            >
                              <div
                                className="euiFormRow__labelWrapper"
                              >
                                <EuiFormLabel
                                  className="euiFormRow__label"
                                  htmlFor="some_html_id"
                                  isFocused={false}
                                  type="label"
                                >
                                  <label
                                    className="euiFormLabel euiFormRow__label"
                                    htmlFor="some_html_id"
                                  >
                                    <EuiText
                                      color="subdued"
                                    >
                                      <div
                                        className="euiText euiText--medium"
                                      >
                                        <EuiTextColor
                                          color="subdued"
                                          component="div"
                                        >
                                          <div
                                            className="euiTextColor euiTextColor--subdued"
                                          >
                                            Trigger name
                                          </div>
                                        </EuiTextColor>
                                      </div>
                                    </EuiText>
                                  </label>
                                </EuiFormLabel>
                              </div>
                              <div
                                className="euiFormRow__fieldWrapper"
                              >
                                <EuiText
                                  data-test-subj="text-details-group-content-trigger-name"
                                  id="some_html_id"
                                  onBlur={[Function]}
                                  onFocus={[Function]}
                                >
                                  <div
                                    className="euiText euiText--medium"
                                    data-test-subj="text-details-group-content-trigger-name"
                                    id="some_html_id"
                                    onBlur={[Function]}
                                    onFocus={[Function]}
                                  >
                                    alert_name
                                  </div>
                                </EuiText>
                              </div>
                            </div>
                          </EuiFormRow>
                          <EuiSpacer
                            size="xl"
                          >
                            <div
                              className="euiSpacer euiSpacer--xl"
                            />
                          </EuiSpacer>
                          <EuiTitle
                            size="s"
                          >
                            <h5
                              className="euiTitle euiTitle--small"
                            >
                              If any detection rule matches
                            </h5>
                          </EuiTitle>
                          <EuiSpacer
                            size="m"
                          >
                            <div
                              className="euiSpacer euiSpacer--m"
                            />
                          </EuiSpacer>
                          <EuiFlexGroup
                            className="detailsFormRow"
                          >
                            <div
                              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive detailsFormRow"
                            >
                              <EuiFlexItem
                                grow={true}
                                key="0"
                              >
                                <div
                                  className="euiFlexItem"
                                >
                                  <EuiFormRow
                                    describedByIds={Array []}
                                    display="row"
                                    fullWidth={true}
                                    hasChildLabel={true}
                                    hasEmptyLabelSpace={false}
                                    label={
                                      <EuiText
                                        color="subdued"
                                      >
                                        Log type
                                      </EuiText>
                                    }
                                    labelType="label"
                                  >
                                    <div
                                      className="euiFormRow euiFormRow--fullWidth"
                                      id="some_html_id-row"
                                    >
                                      <div
                                        className="euiFormRow__labelWrapper"
                                      >
                                        <EuiFormLabel
                                          className="euiFormRow__label"
                                          htmlFor="some_html_id"
                                          isFocused={false}
                                          type="label"
                                        >
                                          <label
                                            className="euiFormLabel euiFormRow__label"
                                            htmlFor="some_html_id"
                                          >
                                            <EuiText
                                              color="subdued"
                                            >
                                              <div
                                                className="euiText euiText--medium"
                                              >
                                                <EuiTextColor
                                                  color="subdued"
                                                  component="div"
                                                >
                                                  <div
                                                    className="euiTextColor euiTextColor--subdued"
                                                  >
                                                    Log type
                                                  </div>
                                                </EuiTextColor>
                                              </div>
                                            </EuiText>
                                          </label>
                                        </EuiFormLabel>
                                      </div>
                                      <div
                                        className="euiFormRow__fieldWrapper"
                                      >
                                        <EuiText
                                          data-test-subj="text-details-group-content-log-type"
                                          id="some_html_id"
                                          onBlur={[Function]}
                                          onFocus={[Function]}
                                        >
                                          <div
                                            className="euiText euiText--medium"
                                            data-test-subj="text-details-group-content-log-type"
                                            id="some_html_id"
                                            onBlur={[Function]}
                                            onFocus={[Function]}
                                          >
                                            detector_type_1
                                          </div>
                                        </EuiText>
                                      </div>
                                    </div>
                                  </EuiFormRow>
                                </div>
                              </EuiFlexItem>
                              <EuiFlexItem
                                grow={true}
                                key="1"
                              >
                                <div
                                  className="euiFlexItem"
                                >
                                  <EuiFormRow
                                    describedByIds={Array []}
                                    display="row"
                                    fullWidth={true}
                                    hasChildLabel={true}
                                    hasEmptyLabelSpace={false}
                                    label={
                                      <EuiText
                                        color="subdued"
                                      >
                                        Rule names
                                      </EuiText>
                                    }
                                    labelType="label"
                                  >
                                    <div
                                      className="euiFormRow euiFormRow--fullWidth"
                                      id="some_html_id-row"
                                    >
                                      <div
                                        className="euiFormRow__labelWrapper"
                                      >
                                        <EuiFormLabel
                                          className="euiFormRow__label"
                                          htmlFor="some_html_id"
                                          isFocused={false}
                                          type="label"
                                        >
                                          <label
                                            className="euiFormLabel euiFormRow__label"
                                            htmlFor="some_html_id"
                                          >
                                            <EuiText
                                              color="subdued"
                                            >
                                              <div
                                                className="euiText euiText--medium"
                                              >
                                                <EuiTextColor
                                                  color="subdued"
                                                  component="div"
                                                >
                                                  <div
                                                    className="euiTextColor euiTextColor--subdued"
                                                  >
                                                    Rule names
                                                  </div>
                                                </EuiTextColor>
                                              </div>
                                            </EuiText>
                                          </label>
                                        </EuiFormLabel>
                                      </div>
                                      <div
                                        className="euiFormRow__fieldWrapper"
                                      >
                                        <EuiText
                                          data-test-subj="text-details-group-content-rule-names"
                                          id="some_html_id"
                                          onBlur={[Function]}
                                          onFocus={[Function]}
                                        >
                                          <div
                                            className="euiText euiText--medium"
                                            data-test-subj="text-details-group-content-rule-names"
                                            id="some_html_id"
                                            onBlur={[Function]}
                                            onFocus={[Function]}
                                          >
                                            -
                                          </div>
                                        </EuiText>
                                      </div>
                                    </div>
                                  </EuiFormRow>
                                </div>
                              </EuiFlexItem>
                            </div>
                          </EuiFlexGroup>
                          <EuiSpacer
                            size="xl"
                          >
                            <div
                              className="euiSpacer euiSpacer--xl"
                            />
                          </EuiSpacer>
                          <EuiFlexGroup
                            className="detailsFormRow"
                          >
                            <div
                              className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive detailsFormRow"
                            >
                              <EuiFlexItem
                                grow={true}
                                key="0"
                              >
                                <div
                                  className="euiFlexItem"
                                >
                                  <EuiFormRow
                                    describedByIds={Array []}
                                    display="row"
                                    fullWidth={true}
                                    hasChildLabel={true}
                                    hasEmptyLabelSpace={false}
                                    label={
                                      <EuiText
                                        color="subdued"
                                      >
                                        Rule severities
                                      </EuiText>
                                    }
                                    labelType="label"
                                  >
                                    <div
                                      className="euiFormRow euiFormRow--fullWidth"
                                      id="some_html_id-row"
                                    >
                                      <div
                                        className="euiFormRow__labelWrapper"
                                      >
                                        <EuiFormLabel
                                          className="euiFormRow__label"
                                          htmlFor="some_html_id"
                                          isFocused={false}
                                          type="label"
                                        >
                                          <label
                                            className="euiFormLabel euiFormRow__label"
                                            htmlFor="some_html_id"
                                          >
                                            <EuiText
                                              color="subdued"
                                            >
                                              <div
                                                className="euiText euiText--medium"
                                              >
                                                <EuiTextColor
                                                  color="subdued"
                                                  component="div"
                                                >
                                                  <div
                                                    className="euiTextColor euiTextColor--subdued"
                                                  >
                                                    Rule severities
                                                  </div>
                                                </EuiTextColor>
                                              </div>
                                            </EuiText>
                                          </label>
                                        </EuiFormLabel>
                                      </div>
                                      <div
                                        className="euiFormRow__fieldWrapper"
                                      >
                                        <EuiText
                                          data-test-subj="text-details-group-content-rule-severities"
                                          id="some_html_id"
                                          onBlur={[Function]}
                                          onFocus={[Function]}
                                        >
                                          <div
                                            className="euiText euiText--medium"
                                            data-test-subj="text-details-group-content-rule-severities"
                                            id="some_html_id"
                                            onBlur={[Function]}
                                            onFocus={[Function]}
                                          >
                                            severity_level_low
                                          </div>
                                        </EuiText>
                                      </div>
                                    </div>
                                  </EuiFormRow>
                                </div>
                              </EuiFlexItem>
                              <EuiFlexItem
                                grow={true}
                                key="1"
                              >
                                <div
                                  className="euiFlexItem"
                                >
                                  <EuiFormRow
                                    describedByIds={Array []}
                                    display="row"
                                    fullWidth={true}
                                    hasChildLabel={true}
                                    hasEmptyLabelSpace={false}
                                    label={
                                      <EuiText
                                        color="subdued"
                                      >
                                        Tags
                                      </EuiText>
                                    }
                                    labelType="label"
                                  >
                                    <div
                                      className="euiFormRow euiFormRow--fullWidth"
                                      id="some_html_id-row"
                                    >
                                      <div
                                        className="euiFormRow__labelWrapper"
                                      >
                                        <EuiFormLabel
                                          className="euiFormRow__label"
                                          htmlFor="some_html_id"
                                          isFocused={false}
                                          type="label"
                                        >
                                          <label
                                            className="euiFormLabel euiFormRow__label"
                                            htmlFor="some_html_id"
                                          >
                                            <EuiText
                                              color="subdued"
                                            >
                                              <div
                                                className="euiText euiText--medium"
                                              >
                                                <EuiTextColor
                                                  color="subdued"
                                                  component="div"
                                                >
                                                  <div
                                                    className="euiTextColor euiTextColor--subdued"
                                                  >
                                                    Tags
                                                  </div>
                                                </EuiTextColor>
                                              </div>
                                            </EuiText>
                                          </label>
                                        </EuiFormLabel>
                                      </div>
                                      <div
                                        className="euiFormRow__fieldWrapper"
                                      >
                                        <EuiText
                                          data-test-subj="text-details-group-content-tags"
                                          id="some_html_id"
                                          onBlur={[Function]}
                                          onFocus={[Function]}
                                        >
                                          <div
                                            className="euiText euiText--medium"
                                            data-test-subj="text-details-group-content-tags"
                                            id="some_html_id"
                                            onBlur={[Function]}
                                            onFocus={[Function]}
                                          >
                                            any.tag
                                          </div>
                                        </EuiText>
                                      </div>
                                    </div>
                                  </EuiFormRow>
                                </div>
                              </EuiFlexItem>
                            </div>
                          </EuiFlexGroup>
                          <EuiSpacer
                            size="xl"
                          >
                            <div
                              className="euiSpacer euiSpacer--xl"
                            />
                          </EuiSpacer>
                          <EuiSpacer
                            size="xl"
                          >
                            <div
                              className="euiSpacer euiSpacer--xl"
                            />
                          </EuiSpacer>
                          <EuiTitle
                            size="s"
                          >
                            <h5
                              className="euiTitle euiTitle--small"
                            >
                              Alert and notify
                            </h5>
                          </EuiTitle>
                          <EuiSpacer
                            size="m"
                          >
                            <div
                              className="euiSpacer euiSpacer--m"
                            />
                          </EuiSpacer>
                          <EuiFormRow
                            describedByIds={Array []}
                            display="row"
                            fullWidth={true}
                            hasChildLabel={true}
                            hasEmptyLabelSpace={false}
                            label={
                              <EuiText
                                color="subdued"
                              >
                                Trigger alerts with severity
                              </EuiText>
                            }
                            labelType="label"
                          >
                            <div
                              className="euiFormRow euiFormRow--fullWidth"
                              id="some_html_id-row"
                            >
                              <div
                                className="euiFormRow__labelWrapper"
                              >
                                <EuiFormLabel
                                  className="euiFormRow__label"
                                  htmlFor="some_html_id"
                                  isFocused={false}
                                  type="label"
                                >
                                  <label
                                    className="euiFormLabel euiFormRow__label"
                                    htmlFor="some_html_id"
                                  >
                                    <EuiText
                                      color="subdued"
                                    >
                                      <div
                                        className="euiText euiText--medium"
                                      >
                                        <EuiTextColor
                                          color="subdued"
                                          component="div"
                                        >
                                          <div
                                            className="euiTextColor euiTextColor--subdued"
                                          >
                                            Trigger alerts with severity
                                          </div>
                                        </EuiTextColor>
                                      </div>
                                    </EuiText>
                                  </label>
                                </EuiFormLabel>
                              </div>
                              <div
                                className="euiFormRow__fieldWrapper"
                              >
                                <EuiText
                                  data-test-subj="text-details-group-content-trigger-alerts-with-severity"
                                  id="some_html_id"
                                  onBlur={[Function]}
                                  onFocus={[Function]}
                                >
                                  <div
                                    className="euiText euiText--medium"
                                    data-test-subj="text-details-group-content-trigger-alerts-with-severity"
                                    id="some_html_id"
                                    onBlur={[Function]}
                                    onFocus={[Function]}
                                  >
                                    1 (Highest)
                                  </div>
                                </EuiText>
                              </div>
                            </div>
                          </EuiFormRow>
                          <EuiSpacer
                            size="l"
                          >
                            <div
                              className="euiSpacer euiSpacer--l"
                            />
                          </EuiSpacer>
                          <EuiFormRow
                            describedByIds={Array []}
                            display="row"
                            fullWidth={true}
                            hasChildLabel={true}
                            hasEmptyLabelSpace={false}
                            label={
                              <EuiText
                                color="subdued"
                              >
                                Notify channel
                              </EuiText>
                            }
                            labelType="label"
                          >
                            <div
                              className="euiFormRow euiFormRow--fullWidth"
                              id="some_html_id-row"
                            >
                              <div
                                className="euiFormRow__labelWrapper"
                              >
                                <EuiFormLabel
                                  className="euiFormRow__label"
                                  htmlFor="some_html_id"
                                  isFocused={false}
                                  type="label"
                                >
                                  <label
                                    className="euiFormLabel euiFormRow__label"
                                    htmlFor="some_html_id"
                                  >
                                    <EuiText
                                      color="subdued"
                                    >
                                      <div
                                        className="euiText euiText--medium"
                                      >
                                        <EuiTextColor
                                          color="subdued"
                                          component="div"
                                        >
                                          <div
                                            className="euiTextColor euiTextColor--subdued"
                                          >
                                            Notify channel
                                          </div>
                                        </EuiTextColor>
                                      </div>
                                    </EuiText>
                                  </label>
                                </EuiFormLabel>
                              </div>
                              <div
                                className="euiFormRow__fieldWrapper"
                              >
                                <EuiText
                                  data-test-subj="text-details-group-content-notify-channel"
                                  id="some_html_id"
                                  onBlur={[Function]}
                                  onFocus={[Function]}
                                >
                                  <div
                                    className="euiText euiText--medium"
                                    data-test-subj="text-details-group-content-notify-channel"
                                    id="some_html_id"
                                    onBlur={[Function]}
                                    onFocus={[Function]}
                                  >
                                    <EuiText>
                                      <div
                                        className="euiText euiText--medium"
                                      >
                                        -
                                      </div>
                                    </EuiText>
                                  </div>
                                </EuiText>
                              </div>
                            </div>
                          </EuiFormRow>
                        </div>
                      </div>
                    </EuiResizeObserver>
                  </div>
                </div>
              </EuiAccordion>
            </div>
          </AlertTriggerView>
        </div>
      </div>
    </EuiPanel>
  </ContentPanel>
</AlertTriggersView>
`;