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

exports[`<IndexForm /> spec render page 1`] = `
<div>
  <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--small"
        >
          Define index
          <span
            class="panel-header-count"
          >
             
             
          </span>
        </h3>
      </div>
    </div>
    <hr
      class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginXSmall"
    />
    <div
      style="padding: 0px 10px;"
    >
      <div
        class="euiForm"
      >
        <div
          class="euiFormRow"
          data-test-subj="form-name-index"
          id="some_html_id-row"
        >
          <div
            class="euiFormRow__labelWrapper"
          >
            <label
              aria-invalid="false"
              class="euiFormLabel euiFormRow__label"
              for="some_html_id"
            >
              Index name
            </label>
          </div>
          <div
            class="euiFormRow__fieldWrapper"
          >
            <span
              class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
            >
              <div
                class="euiFormControlLayout"
              >
                <div
                  class="euiFormControlLayout__childrenWrapper"
                >
                  <input
                    class="euiFieldText"
                    placeholder="Specify a name for the new index."
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </span>
            <div
              class="euiFormHelpText euiFormRow__text"
              id="some_html_id-help-0"
            >
              <div>
                Must be in lowercase letters. Cannot begin with underscores or hyphens. Spaces, commas, and characters :, ", *, +, /, , |, ?, #, &gt; are not allowed.
              </div>
            </div>
          </div>
        </div>
        <div
          class="euiFormRow euiFormRow--fullWidth"
          data-test-subj="form-name-templateMessage"
          id="some_html_id-row"
        >
          <div
            class="euiFormRow__fieldWrapper"
          />
        </div>
        <div
          class="euiFormRow"
          data-test-subj="form-name-aliases"
          id="some_html_id-row"
        >
          <div
            class="euiFormRow__labelWrapper"
          >
            <label
              aria-invalid="false"
              class="euiFormLabel euiFormRow__label"
              for="some_html_id"
            >
              Index alias
              <i>
                 – optional
              </i>
            </label>
          </div>
          <div
            class="euiFormRow__fieldWrapper"
          >
            <div
              class="euiFormHelpText euiFormRow__text"
              style="padding-top: 0px; padding-bottom: 4px;"
            >
              Allow this index to be referenced by existing aliases or specify a new alias.
            </div>
            <span
              class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
            >
              <div
                aria-expanded="false"
                aria-haspopup="listbox"
                class="euiComboBox"
                role="combobox"
              >
                <div
                  class="euiFormControlLayout"
                >
                  <div
                    class="euiFormControlLayout__childrenWrapper"
                  >
                    <div
                      class="euiComboBox__inputWrap euiComboBox__inputWrap-isClearable"
                      data-test-subj="comboBoxInput"
                      tabindex="-1"
                    >
                      <p
                        class="euiComboBoxPlaceholder"
                      >
                        Select aliases or specify new aliases.
                      </p>
                      <div
                        class="euiComboBox__input"
                        style="font-size: 14px; display: inline-block;"
                      >
                        <input
                          aria-controls=""
                          data-test-subj="comboBoxSearchInput"
                          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"
                    >
                      <button
                        aria-label="Open list of options"
                        class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
                        data-test-subj="comboBoxToggleListButton"
                        type="button"
                      >
                        EuiIconMock
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </span>
          </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--small"
        >
          Index settings
          <span
            class="panel-header-count"
          >
             
             
          </span>
        </h3>
      </div>
    </div>
    <hr
      class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginXSmall"
    />
    <div
      style="padding: 0px 10px;"
    >
      <div
        class="euiForm"
      >
        <div
          class="euiFormRow"
          data-test-subj="form-name-index.number_of_shards"
          id="some_html_id-row"
        >
          <div
            class="euiFormRow__labelWrapper"
          >
            <label
              aria-invalid="false"
              class="euiFormLabel euiFormRow__label"
              for="some_html_id"
            >
              Number of primary shards
            </label>
          </div>
          <div
            class="euiFormRow__fieldWrapper"
          >
            <div
              class="euiFormHelpText euiFormRow__text"
              style="padding-top: 0px; padding-bottom: 4px;"
            >
              <div>
                Specify the number of primary shards for the index. Default is 1. 
              </div>
              <div>
                The number of primary shards cannot be changed after the index is created.
              </div>
            </div>
            <span
              class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
            >
              <div
                class="euiFormControlLayout"
              >
                <div
                  class="euiFormControlLayout__childrenWrapper"
                >
                  <input
                    class="euiFieldNumber"
                    placeholder="Specify primary shard count."
                    type="number"
                    value=""
                  />
                </div>
              </div>
            </span>
          </div>
        </div>
        <div
          class="euiFormRow"
          data-test-subj="form-name-index.number_of_replicas"
          id="some_html_id-row"
        >
          <div
            class="euiFormRow__labelWrapper"
          >
            <label
              aria-invalid="false"
              class="euiFormLabel euiFormRow__label"
              for="some_html_id"
            >
              Number of replicas
            </label>
          </div>
          <div
            class="euiFormRow__fieldWrapper"
          >
            <div
              class="euiFormHelpText euiFormRow__text"
              style="padding-top: 0px; padding-bottom: 4px;"
            >
              Specify the number of replicas each primary shard should have. Default is 1.
            </div>
            <span
              class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
            >
              <div
                class="euiFormControlLayout"
              >
                <div
                  class="euiFormControlLayout__childrenWrapper"
                >
                  <input
                    class="euiFieldNumber"
                    placeholder="Specify number of replicas."
                    type="number"
                    value=""
                  />
                </div>
              </div>
            </span>
          </div>
        </div>
        <div
          class="euiFormRow"
          data-test-subj="form-name-index.refresh_interval"
          id="some_html_id-row"
        >
          <div
            class="euiFormRow__labelWrapper"
          >
            <label
              aria-invalid="false"
              class="euiFormLabel euiFormRow__label"
              for="some_html_id"
            >
              Refresh interval
            </label>
          </div>
          <div
            class="euiFormRow__fieldWrapper"
          >
            <div
              class="euiFormHelpText euiFormRow__text"
              style="padding-top: 0px; padding-bottom: 4px;"
            >
              Specify how often the index should refresh, which publishes the most recent changes and make them available for search. Default is 1 second.
            </div>
            <span
              class="euiToolTipAnchor euiToolTipAnchor--displayBlock"
            >
              <div
                class="euiFormControlLayout"
              >
                <div
                  class="euiFormControlLayout__childrenWrapper"
                >
                  <input
                    class="euiFieldText"
                    placeholder="Can be set to -1 to disable refreshing."
                    type="text"
                    value=""
                  />
                </div>
              </div>
            </span>
          </div>
        </div>
        <div
          class="euiSpacer euiSpacer--m"
        />
        <div
          class="euiAccordion accordion-in-advanced-settings"
        >
          <div
            class="euiAccordion__triggerWrapper"
          >
            <button
              aria-controls="accordionForCreateIndexSettings"
              aria-expanded="false"
              class="euiAccordion__button"
              id="some_html_id"
              type="button"
            >
              <span
                class="euiAccordion__iconWrapper"
              >
                EuiIconMock
              </span>
              <span
                class="euiIEFlexWrapFix"
              >
                <h4>
                  Advanced settings
                </h4>
              </span>
            </button>
          </div>
          <div
            aria-labelledby="some_html_id"
            class="euiAccordion__childWrapper"
            id="accordionForCreateIndexSettings"
            role="region"
            style="height: 0px"
            tabindex="-1"
          >
            <div>
              <div
                class=""
              >
                <div
                  class="euiSpacer euiSpacer--s"
                />
                <div
                  class="euiFormRow euiFormRow--fullWidth"
                  data-test-subj="formNameAdvancedSettings"
                  id="some_html_id-row"
                >
                  <div
                    class="euiFormRow__labelWrapper"
                  >
                    <label
                      class="euiFormLabel euiFormRow__label"
                      for="some_html_id"
                    >
                      Specify advanced index settings
                    </label>
                  </div>
                  <div
                    class="euiFormRow__fieldWrapper"
                  >
                    <div
                      class="euiFormHelpText euiFormRow__text"
                      style="padding-top: 0px; padding-bottom: 4px;"
                    >
                      <p>
                        Specify a comma-delimited list of settings.
                         
                        <a
                          class="euiLink euiLink--primary"
                          href="https://opensearch.org/docs/latest/api-reference/index-apis/create-index#index-settings"
                          rel="noopener noreferrer"
                          target="_blank"
                        >
                          View index settings.
                          EuiIconMock
                          <span
                            class="euiScreenReaderOnly"
                          >
                            (opens in a new tab or window)
                          </span>
                        </a>
                      </p>
                      <p>
                        All the settings will be handled in flat structure.
                         
                        <a
                          class="euiLink euiLink--primary"
                          href="https://opensearch.org/docs/undefined/api-reference/index-apis/get-index/#url-parameters"
                          rel="noopener noreferrer"
                          target="_blank"
                        >
                          Learn more
                          EuiIconMock
                          <span
                            class="euiScreenReaderOnly"
                          >
                            (opens in a new tab or window)
                          </span>
                        </a>
                        .
                      </p>
                    </div>
                    <textarea
                      data-test-subj="jsonEditor-valueDisplay"
                      readonly=""
                      style="display: none;"
                    >
                      {}
                    </textarea>
                    <div
                      class="euiCodeEditorWrapper"
                      data-test-subj="codeEditorContainer"
                      style="width: 100%;"
                    >
                      <button
                        class="euiCodeEditorKeyboardHint"
                        data-test-subj="codeEditorHint"
                        id="some_html_id"
                      >
                        <p
                          class="euiText"
                        >
                          Press Enter to start editing.
                        </p>
                        <p
                          class="euiText"
                        >
                          When you're done, press Escape to stop editing.
                        </p>
                      </button>
                      <div
                        class=" ace_editor ace-tm"
                        id="some_html_id"
                        style="width: 100%; height: 500px;"
                      >
                        <textarea
                          autocapitalize="off"
                          autocorrect="off"
                          class="ace_text-input"
                          spellcheck="false"
                          style="opacity: 0;"
                          tabindex="-1"
                          wrap="off"
                        />
                        <div
                          aria-hidden="true"
                          class="ace_gutter"
                        >
                          <div
                            class="ace_layer ace_gutter-layer ace_folding-enabled"
                          />
                          <div
                            class="ace_gutter-active-line"
                          />
                        </div>
                        <div
                          class="ace_scroller"
                        >
                          <div
                            class="ace_content"
                          >
                            <div
                              class="ace_layer ace_print-margin-layer"
                            >
                              <div
                                class="ace_print-margin"
                                style="left: 4px; visibility: visible;"
                              />
                            </div>
                            <div
                              class="ace_layer ace_marker-layer"
                            />
                            <div
                              class="ace_layer ace_text-layer"
                              style="padding: 0px 4px;"
                            />
                            <div
                              class="ace_layer ace_marker-layer"
                            />
                            <div
                              class="ace_layer ace_cursor-layer ace_hidden-cursors"
                            >
                              <div
                                class="ace_cursor"
                              />
                            </div>
                          </div>
                        </div>
                        <div
                          class="ace_scrollbar ace_scrollbar-v"
                          style="display: none; width: 20px;"
                        >
                          <div
                            class="ace_scrollbar-inner"
                            style="width: 20px;"
                          />
                        </div>
                        <div
                          class="ace_scrollbar ace_scrollbar-h"
                          style="display: none; height: 20px;"
                        >
                          <div
                            class="ace_scrollbar-inner"
                            style="height: 20px;"
                          />
                        </div>
                        <div
                          style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
                        >
                          <div
                            style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                          />
                          <div
                            style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
                          >
                            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </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"
      >
        <div
          class="euiTitle euiTitle--small"
        >
          Index mapping
          <i>
             – optional
          </i>
        </div>
        <div
          class="euiFormRow euiFormRow--fullWidth"
          id="some_html_id-row"
        >
          <div
            class="euiFormRow__fieldWrapper"
          >
            <div
              class="euiFormHelpText euiFormRow__text"
              id="some_html_id-help-0"
            >
              <div>
                Define how documents and their fields are stored and indexed.
                 
                <a
                  class="euiLink euiLink--primary"
                  href="https://opensearch.org/docs/undefined/opensearch/mappings/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  Learn more
                  EuiIconMock
                  <span
                    class="euiScreenReaderOnly"
                  >
                    (opens in a new tab or window)
                  </span>
                </a>
              </div>
              <div>
                Mappings and field types cannot be changed after the index is created.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <hr
      class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginXSmall"
    />
    <div
      style="padding: 0px 10px;"
    >
      <div
        class="euiFormRow euiFormRow--fullWidth"
        id="some_html_id-row"
      >
        <div
          class="euiFormRow__fieldWrapper"
        >
          <fieldset
            class="euiButtonGroup euiButtonGroup--small euiButtonGroup--text"
          >
            <legend
              class="euiScreenReaderOnly"
            >
              Editor Type
            </legend>
            <div
              class="euiButtonGroup__buttons"
            >
              <label
                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
                data-test-subj="editorTypeVisualEditor"
                for="some_html_id"
              >
                <span
                  class="euiButtonContent euiButton__content"
                >
                  <span
                    class="euiButton__text euiButtonGroupButton__textShift"
                    data-text="Visual Editor"
                    title="Visual Editor"
                  >
                    <input
                      checked=""
                      class="euiScreenReaderOnly"
                      data-test-subj="VISUAL"
                      id="some_html_id"
                      name="some_html_id"
                      type="radio"
                      value=""
                    />
                    Visual Editor
                  </span>
                </span>
              </label>
              <label
                class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--small"
                data-test-subj="editorTypeJsonEditor"
                for="some_html_id"
              >
                <span
                  class="euiButtonContent euiButton__content"
                >
                  <span
                    class="euiButton__text euiButtonGroupButton__textShift"
                    data-text="JSON Editor"
                    title="JSON Editor"
                  >
                    <input
                      class="euiScreenReaderOnly"
                      data-test-subj="JSON"
                      id="some_html_id"
                      name="some_html_id"
                      type="radio"
                      value=""
                    />
                    JSON Editor
                  </span>
                </span>
              </label>
            </div>
          </fieldset>
          <div
            class="euiSpacer euiSpacer--l"
          />
          <p>
            You have no field mappings.
          </p>
          <div
            class="euiSpacer euiSpacer--l"
          />
          <button
            class="euiButton euiButton--primary"
            data-test-subj="createIndexAddFieldButton"
            style="margin-right: 8px;"
            type="button"
          >
            <span
              class="euiButtonContent euiButton__content"
            >
              <span
                class="euiButton__text"
              >
                Add new field
              </span>
            </span>
          </button>
          <button
            class="euiButton euiButton--primary"
            data-test-subj="createIndexAddObjectFieldButton"
            type="button"
          >
            <span
              class="euiButtonContent euiButton__content"
            >
              <span
                class="euiButton__text"
              >
                Add new object
              </span>
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
`;