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

exports[`<ErrorNotification /> spec renders the component 1`] = `
<div
  class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
  style="padding-left: 0px; padding-right: 0px;"
>
  <div
    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
    style="padding: 0px 10px;"
  >
    <div
      class="euiFlexItem"
    >
      <div
        class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
      >
        <div
          class="euiFlexItem euiFlexItem--flexGrowZero"
        >
          <div
            class="euiText euiText--medium"
          >
            <h3>
              Error notification
            </h3>
          </div>
        </div>
        <div
          class="euiFlexItem"
        >
          <div
            class="euiText euiText--medium"
          >
            <div
              class="euiTextColor euiTextColor--subdued"
            >
              <i>
                 – optional
              </i>
            </div>
          </div>
        </div>
      </div>
      <div
        class="euiText euiText--small"
        style="padding: 5px 0px;"
      >
        <div
          class="euiTextColor euiTextColor--subdued"
        >
          <p
            style="font-weight: 200;"
          >
            You can set up an error notification for when a policy execution fails.
             
            <a
              class="euiLink euiLink--primary"
              href="https://opensearch.org/docs/im-plugin/ism/policies/#error-notifications"
              rel="noopener noreferrer"
              target="_blank"
            >
              Learn more
              EuiIconMock
              <span
                class="euiScreenReaderOnly"
              >
                (opens in a new tab or window)
              </span>
            </a>
          </p>
        </div>
      </div>
    </div>
  </div>
  <hr
    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginXSmall"
  />
  <div
    style="padding: initial;"
  >
    <div
      style="padding: 10px 0px 0px 10px;"
    >
      <div
        class="euiText euiText--medium"
        style="margin-bottom: 5px;"
      >
        <h5
          class="euiFormLabel "
          style="margin-bottom: 2px;"
        >
          Channel ID
        </h5>
        <p>
           
        </p>
      </div>
      <div
        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
        style="max-width: 600px;"
      >
        <div
          class="euiFlexItem"
        >
          <div
            class="euiFormRow"
            id="some_html_id-row"
          >
            <div
              class="euiFormRow__fieldWrapper"
            >
              <div
                class="euiFormControlLayout"
              >
                <div
                  class="euiFormControlLayout__childrenWrapper"
                >
                  <select
                    class="euiSelect euiSelect-isLoading"
                    data-test-subj="create-policy-notification-channel-id"
                    id="some_html_id"
                    placeholder="Select channel ID"
                  >
                    <option
                      disabled=""
                      hidden=""
                      style="display: none;"
                      value=""
                    >
                       
                    </option>
                  </select>
                  <div
                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                  >
                    <span
                      class="euiLoadingSpinner euiLoadingSpinner--medium"
                    />
                    <span
                      class="euiFormControlLayoutCustomIcon"
                    >
                      EuiIconMock
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="euiFlexItem euiFlexItem--flexGrowZero"
        >
          <button
            class="euiButton euiButton--primary euiButton-isDisabled refresh-button"
            data-test-subj="channel-notification-refresh"
            disabled=""
            type="button"
          >
            <span
              class="euiButtonContent euiButton__content"
            >
              EuiIconMock
              <span
                class="euiButton__text"
              />
            </span>
          </button>
        </div>
        <div
          class="euiFlexItem euiFlexItem--flexGrowZero"
        >
          <a
            class="euiButton euiButton--primary"
            href="notifications-dashboards#/channels"
            rel="noopener noreferrer"
            target="_blank"
          >
            <span
              class="euiButtonContent euiButton__content"
            >
              EuiIconMock
              <span
                class="euiButton__text"
              >
                Manage channels
              </span>
            </span>
          </a>
        </div>
      </div>
      <div
        class="euiSpacer euiSpacer--m"
      />
      <div
        class="euiText euiText--medium"
        style="margin-bottom: 5px;"
      >
        <h5
          class="euiFormLabel "
          style="margin-bottom: 2px;"
        >
          Notification message
        </h5>
        <p>
           
          <span
            style="font-weight: 200; font-size: 12px;"
          >
            Embed variables in your message using Mustache template.
             
          </span>
        </p>
      </div>
      <div
        class="euiFormRow"
        id="some_html_id-row"
      >
        <div
          class="euiFormRow__fieldWrapper"
        >
          <textarea
            class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
            data-test-subj="create-policy-notification-message"
            id="some_html_id"
            placeholder="The index {{ctx.index}} failed during policy execution."
            rows="3"
            style="min-height: 150px;"
          >
            some source message
          </textarea>
        </div>
      </div>
    </div>
  </div>
</div>
`;