// 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="euiFormRow"
        id="some_html_id-row"
      >
        <div
          class="euiFormRow__labelWrapper"
        >
          <label
            class="euiFormLabel euiFormRow__label"
            for="some_html_id"
          >
            Channel ID
          </label>
        </div>
        <div
          class="euiFormRow__fieldWrapper"
        >
          <div
            class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
            style="max-width: 600px; width: 600px;"
          >
            <div
              class="euiFlexItem"
            >
              <div
                class="euiFormControlLayout"
              >
                <div
                  class="euiFormControlLayout__childrenWrapper"
                >
                  <select
                    class="euiSelect"
                    data-test-subj="create-policy-notification-channel-id"
                    id="channel-id"
                    placeholder="Select channel ID"
                  >
                    <option
                      disabled=""
                      hidden=""
                      style="display: none;"
                      value=""
                    >
                       
                    </option>
                  </select>
                  <div
                    class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                  >
                    <span
                      class="euiFormControlLayoutCustomIcon"
                    >
                      EuiIconMock
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="euiFlexItem euiFlexItem--flexGrowZero"
            >
              <button
                class="euiButton euiButton--primary refresh-button"
                data-test-subj="channel-notification-refresh"
                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>
      </div>
      <div
        class="euiSpacer euiSpacer--m"
      />
      <div
        class="euiFormRow"
        id="some_html_id-row"
        title="Notification message"
      >
        <div
          class="euiFormRow__fieldWrapper"
        >
          <textarea
            aria-describedby="some_html_id-help-0"
            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
            class="euiFormHelpText euiFormRow__text"
            id="some_html_id-help-0"
          >
            Embed variables in your message using Mustache template.
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;