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

exports[`<CreateRollupForm /> spec renders the component 1`] = `
<div
  style="padding: 25px 25px;"
>
  <form>
    <div
      style="padding: 5px 50px;"
    >
      <div
        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
      >
        <div
          class="euiFlexItem euiFlexItem--flexGrowZero"
          style="max-width: 300px;"
        >
          <div
            style="padding-left: 10px;"
          >
            <div
              class="euiSteps"
            >
              <div
                class="euiStep"
              >
                <div
                  class="euiStep__titleWrapper"
                >
                  <span
                    class="euiStepNumber euiStep__circle"
                  >
                    <span
                      class="euiScreenReaderOnly"
                    >
                      Step 1
                    </span>
                    <span
                      aria-hidden="true"
                      class="euiStepNumber__number"
                    >
                      1
                    </span>
                  </span>
                  <h6
                    class="euiTitle euiTitle--small euiStep__title"
                  >
                    Set up indices
                  </h6>
                </div>
                <div
                  class="euiStep__content"
                />
              </div>
              <div
                class="euiStep euiStep-isDisabled"
              >
                <div
                  class="euiStep__titleWrapper"
                >
                  <span
                    class="euiStepNumber euiStepNumber--disabled euiStep__circle"
                  >
                    <span
                      class="euiScreenReaderOnly"
                    >
                      Step 2 is disabled
                    </span>
                    <span
                      aria-hidden="true"
                      class="euiStepNumber__number"
                    >
                      2
                    </span>
                  </span>
                  <h6
                    class="euiTitle euiTitle--small euiStep__title"
                  >
                    Define aggregations and metrics
                  </h6>
                </div>
                <div
                  class="euiStep__content"
                />
              </div>
              <div
                class="euiStep euiStep-isDisabled"
              >
                <div
                  class="euiStep__titleWrapper"
                >
                  <span
                    class="euiStepNumber euiStepNumber--disabled euiStep__circle"
                  >
                    <span
                      class="euiScreenReaderOnly"
                    >
                      Step 3 is disabled
                    </span>
                    <span
                      aria-hidden="true"
                      class="euiStepNumber__number"
                    >
                      3
                    </span>
                  </span>
                  <h6
                    class="euiTitle euiTitle--small euiStep__title"
                  >
                    Specify schedule
                  </h6>
                </div>
                <div
                  class="euiStep__content"
                />
              </div>
              <div
                class="euiStep euiStep-isDisabled"
              >
                <div
                  class="euiStep__titleWrapper"
                >
                  <span
                    class="euiStepNumber euiStepNumber--disabled euiStep__circle"
                  >
                    <span
                      class="euiScreenReaderOnly"
                    >
                      Step 4 is disabled
                    </span>
                    <span
                      aria-hidden="true"
                      class="euiStepNumber__number"
                    >
                      4
                    </span>
                  </span>
                  <h6
                    class="euiTitle euiTitle--small euiStep__title"
                  >
                    Review and create
                  </h6>
                </div>
                <div
                  class="euiStep__content"
                />
              </div>
            </div>
          </div>
        </div>
        <div
          class="euiFlexItem"
        >
          <h1
            class="euiTitle euiTitle--large"
          >
            Set up indices
          </h1>
          <div
            class="euiSpacer euiSpacer--l"
          />
          <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"
              >
                <h3
                  class="euiTitle euiTitle--medium"
                >
                  Job name and description
                  <span
                    class="panel-header-count"
                  >
                     
                     
                  </span>
                </h3>
              </div>
            </div>
            <hr
              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginXSmall"
            />
            <div
              style="padding: initial;"
            >
              <div
                style="padding-left: 10px;"
              >
                <div
                  class="euiSpacer euiSpacer--s"
                />
                <div
                  class="euiFormRow"
                  id="some_html_id-row"
                >
                  <div
                    class="euiFormRow__labelWrapper"
                  >
                    <label
                      aria-invalid="false"
                      class="euiFormLabel euiFormRow__label"
                      for="some_html_id"
                    >
                      Name
                    </label>
                  </div>
                  <div
                    class="euiFormRow__fieldWrapper"
                  >
                    <div
                      class="euiFormControlLayout"
                    >
                      <div
                        class="euiFormControlLayout__childrenWrapper"
                      >
                        <input
                          aria-describedby="some_html_id-help-0"
                          class="euiFieldText"
                          id="some_html_id"
                          placeholder="my-rollupjob1"
                          type="text"
                          value=""
                        />
                      </div>
                    </div>
                    <div
                      class="euiFormHelpText euiFormRow__text"
                      id="some_html_id-help-0"
                    >
                      Specify a unique, descriptive name.
                    </div>
                  </div>
                </div>
                <div
                  class="euiSpacer euiSpacer--l"
                />
                <div
                  class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
                >
                  <div
                    class="euiFlexItem euiFlexItem--flexGrowZero"
                  >
                    <div
                      class="euiText euiText--extraSmall"
                    >
                      <h4>
                        Description
                      </h4>
                    </div>
                  </div>
                  <div
                    class="euiFlexItem"
                  >
                    <div
                      class="euiText euiText--extraSmall"
                    >
                      <div
                        class="euiTextColor euiTextColor--subdued"
                      >
                        <i>
                           – optional
                        </i>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="euiSpacer euiSpacer--xs"
                />
                <div
                  class="euiFormRow"
                  id="some_html_id-row"
                >
                  <div
                    class="euiFormRow__fieldWrapper"
                  >
                    <textarea
                      class="euiTextArea euiTextArea--resizeVertical euiTextArea--compressed"
                      data-test-subj="description"
                      id="some_html_id"
                      rows="3"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div
            class="euiSpacer euiSpacer--l"
          />
          <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"
              >
                <h3
                  class="euiTitle euiTitle--medium"
                >
                  Indices
                  <span
                    class="panel-header-count"
                  >
                     
                     
                  </span>
                </h3>
              </div>
            </div>
            <hr
              class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginXSmall"
            />
            <div
              style="padding: initial;"
            >
              <div
                style="padding-left: 10px;"
              >
                <div
                  class="euiSpacer euiSpacer--s"
                />
                <div
                  class="euiCallOut euiCallOut--warning"
                >
                  <div
                    class="euiText euiText--small"
                  >
                    <div
                      class="euiTextColor euiTextColor--default"
                    >
                      <p>
                        You can't change indices after creating a job. Double-check the source and target index names before proceeding.
                      </p>
                    </div>
                  </div>
                </div>
                <div
                  class="euiSpacer euiSpacer--m"
                />
                <div
                  class="euiFormRow"
                  id="some_html_id-row"
                >
                  <div
                    class="euiFormRow__labelWrapper"
                  >
                    <label
                      aria-invalid="false"
                      class="euiFormLabel euiFormRow__label"
                      for="some_html_id"
                    >
                      Source index
                    </label>
                  </div>
                  <div
                    class="euiFormRow__fieldWrapper"
                  >
                    <div
                      aria-describedby="some_html_id-help-0"
                      aria-expanded="false"
                      aria-haspopup="listbox"
                      class="euiComboBox"
                      data-test-subj="sourceIndexCombobox"
                      role="combobox"
                    >
                      <div
                        class="euiFormControlLayout"
                      >
                        <div
                          class="euiFormControlLayout__childrenWrapper"
                        >
                          <div
                            class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                            data-test-subj="comboBoxInput"
                            tabindex="-1"
                          >
                            <p
                              class="euiComboBoxPlaceholder"
                            >
                              Select source index
                            </p>
                            <div
                              class="euiComboBox__input"
                              style="font-size: 14px; display: inline-block;"
                            >
                              <input
                                aria-controls=""
                                data-test-subj="comboBoxSearchInput"
                                id="some_html_id"
                                role="textbox"
                                style="box-sizing: content-box; width: 2px;"
                                value=""
                              />
                              <div
                                style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
                              />
                            </div>
                          </div>
                          <div
                            class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                          >
                            <span
                              class="euiLoadingSpinner euiLoadingSpinner--medium"
                            />
                            <button
                              aria-label="Open list of options"
                              class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
                              data-test-subj="comboBoxToggleListButton"
                              type="button"
                            >
                              EuiIconMock
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="euiFormHelpText euiFormRow__text"
                      id="some_html_id-help-0"
                    >
                      The index pattern on which to performed the rollup job. You can use * as a wildcard.
                    </div>
                  </div>
                </div>
                <div
                  class="euiFormRow"
                  id="some_html_id-row"
                >
                  <div
                    class="euiFormRow__labelWrapper"
                  >
                    <label
                      aria-invalid="false"
                      class="euiFormLabel euiFormRow__label"
                      for="some_html_id"
                    >
                      Target index
                    </label>
                  </div>
                  <div
                    class="euiFormRow__fieldWrapper"
                  >
                    <div
                      aria-describedby="some_html_id-help-0"
                      aria-expanded="false"
                      aria-haspopup="listbox"
                      class="euiComboBox"
                      data-test-subj="targetIndexCombobox"
                      role="combobox"
                    >
                      <div
                        class="euiFormControlLayout"
                      >
                        <div
                          class="euiFormControlLayout__childrenWrapper"
                        >
                          <div
                            class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading euiComboBox__inputWrap-isClearable"
                            data-test-subj="comboBoxInput"
                            tabindex="-1"
                          >
                            <p
                              class="euiComboBoxPlaceholder"
                            >
                              Select or create target index
                            </p>
                            <div
                              class="euiComboBox__input"
                              style="font-size: 14px; display: inline-block;"
                            >
                              <input
                                aria-controls=""
                                data-test-subj="comboBoxSearchInput"
                                id="some_html_id"
                                role="textbox"
                                style="box-sizing: content-box; width: 2px;"
                                value=""
                              />
                              <div
                                style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
                              />
                            </div>
                          </div>
                          <div
                            class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                          >
                            <span
                              class="euiLoadingSpinner euiLoadingSpinner--medium"
                            />
                            <button
                              aria-label="Open list of options"
                              class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
                              data-test-subj="comboBoxToggleListButton"
                              type="button"
                            >
                              EuiIconMock
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="euiFormHelpText euiFormRow__text"
                      id="some_html_id-help-0"
                    >
                      <div
                        class="euiText euiText--extraSmall"
                      >
                        The target index stores rollup results. You can select an existing index or type in a new index name with embedded variables 
                        <a
                          class="euiLink euiLink--primary"
                          href="https://opensearch.org/docs/latest/im-plugin/index-rollups/index/#step-1-set-up-indices"
                          rel="noopener noreferrer"
                          target="_blank"
                        >
                          Learn more
                          EuiIconMock
                          <span
                            class="euiScreenReaderOnly"
                          >
                            (opens in a new tab or window)
                          </span>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="euiSpacer euiSpacer--l"
      />
    </div>
    <div
      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
      style="padding: 5px 50px;"
    >
      <div
        class="euiFlexItem euiFlexItem--flexGrowZero"
      >
        <button
          class="euiButtonEmpty euiButtonEmpty--primary"
          data-test-subj="createRollupCancelButton"
          type="button"
        >
          <span
            class="euiButtonContent euiButtonEmpty__content"
          >
            <span
              class="euiButtonEmpty__text"
            >
              Cancel
            </span>
          </span>
        </button>
      </div>
      <div
        class="euiFlexItem euiFlexItem--flexGrowZero"
      >
        <button
          class="euiButton euiButton--primary euiButton--fill"
          data-test-subj="createRollupNextButton"
          type="button"
        >
          <span
            class="euiButtonContent euiButton__content"
          >
            <span
              class="euiButton__text"
            >
              Next
            </span>
          </span>
        </button>
      </div>
    </div>
  </form>
</div>
`;