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

exports[`<AssociatedComponentsModal /> spec renders the component 1`] = `
HTMLCollection [
  <div
    aria-hidden="true"
    data-aria-hidden="true"
  >
    <button
      data-test-subj="TestBtn"
    >
      123
    </button>
  </div>,
  <div
    class="euiOverlayMask euiOverlayMask--belowHeader"
  >
    <div
      aria-hidden="true"
      data-aria-hidden="true"
      data-focus-guard="true"
      style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
      tabindex="0"
    />
    <div
      data-focus-lock-disabled="false"
    >
      <div
        class="euiFlyout euiFlyout--medium euiFlyout--paddingLarge"
        role="dialog"
        tabindex="-1"
      >
        <button
          aria-label="Close this dialog"
          class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton euiFlyout__closeButton--inside"
          data-test-subj="euiFlyoutCloseButton"
          type="button"
        >
          EuiIconMock
        </button>
        <div
          class="euiFlyoutHeader"
        >
          <h2
            class="euiTitle euiTitle--medium"
          >
            Associated component templates
          </h2>
        </div>
        <div
          class="euiFlyoutBody"
        >
          <div
            class="euiFlyoutBody__overflow"
            tabindex="0"
          >
            <div
              class="euiFlyoutBody__overflowContent"
            >
              <div
                class="euiBasicTable"
              >
                <div>
                  <div
                    class="euiTableHeaderMobile"
                  >
                    <div
                      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
                    >
                      <div
                        class="euiFlexItem euiFlexItem--flexGrowZero"
                      />
                      <div
                        class="euiFlexItem euiFlexItem--flexGrowZero"
                      />
                    </div>
                  </div>
                  <table
                    class="euiTable euiTable--responsive"
                    id="some_html_id"
                    tabindex="-1"
                  >
                    <caption
                      class="euiScreenReaderOnly euiTableCaption"
                    >
                      This table contains 1 rows out of 1 rows; Page 1 of 1.
                    </caption>
                    <thead>
                      <tr>
                        <th
                          class="euiTableHeaderCell"
                          data-test-subj="tableHeaderCell_name_0"
                          role="columnheader"
                          scope="col"
                        >
                          <span
                            class="euiTableCellContent"
                          >
                            <span
                              class="euiTableCellContent__text"
                              title="component template"
                            >
                              component template
                            </span>
                          </span>
                        </th>
                        <th
                          class="euiTableHeaderCell"
                          data-test-subj="tableHeaderCell_actions_1"
                          role="columnheader"
                          scope="col"
                        >
                          <span
                            class="euiTableCellContent euiTableCellContent--alignRight"
                          >
                            <span
                              class="euiTableCellContent__text"
                              title="Actions"
                            >
                              Actions
                            </span>
                          </span>
                        </th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr
                        class="euiTableRow"
                      >
                        <td
                          class="euiTableRowCell"
                        >
                          <div
                            class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                          >
                            component template
                          </div>
                          <div
                            class="euiTableCellContent euiTableCellContent--overflowingContent"
                          >
                            <a
                              class="euiLink euiLink--primary"
                              href="#/create-composable-template/test_component_template"
                              rel="noopener noreferrer"
                              target="_blank"
                            >
                              test_component_template
                              <span
                                class="euiScreenReaderOnly"
                              >
                                (opens in a new tab or window)
                              </span>
                            </a>
                          </div>
                        </td>
                        <td
                          class="euiTableRowCell"
                        >
                          <div
                            class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                          >
                            Actions
                          </div>
                          <div
                            class="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
                          >
                            <span
                              class="euiToolTipAnchor"
                            >
                              <button
                                aria-label="Unlink test_component_template?"
                                class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
                                type="button"
                              >
                                EuiIconMock
                              </button>
                            </span>
                          </div>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div>
                  <div
                    class="euiSpacer euiSpacer--m"
                  />
                  <div
                    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
                  >
                    <div
                      class="euiFlexItem euiFlexItem--flexGrowZero"
                    >
                      <div
                        class="euiPopover euiPopover--anchorUpRight"
                      >
                        <div
                          class="euiPopover__anchor"
                        >
                          <button
                            class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall"
                            data-test-subj="tablePaginationPopoverButton"
                            type="button"
                          >
                            <span
                              class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
                            >
                              EuiIconMock
                              <span
                                class="euiButtonEmpty__text"
                              >
                                Rows per page
                                : 
                                10
                              </span>
                            </span>
                          </button>
                        </div>
                      </div>
                    </div>
                    <div
                      class="euiFlexItem euiFlexItem--flexGrowZero"
                    >
                      <nav
                        class="euiPagination"
                      >
                        <button
                          aria-label="Previous page"
                          class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
                          data-test-subj="pagination-button-previous"
                          disabled=""
                          type="button"
                        >
                          EuiIconMock
                        </button>
                        <ul
                          class="euiPagination__list"
                        >
                          <li
                            class="euiPagination__item"
                          >
                            <button
                              aria-controls="some_html_id"
                              aria-current="true"
                              aria-label="Page 1 of 1"
                              class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
                              data-test-subj="pagination-button-0"
                              disabled=""
                              type="button"
                            >
                              <span
                                class="euiButtonContent euiButtonEmpty__content"
                              >
                                <span
                                  class="euiButtonEmpty__text"
                                >
                                  1
                                </span>
                              </span>
                            </button>
                          </li>
                        </ul>
                        <button
                          aria-label="Next page"
                          class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
                          data-test-subj="pagination-button-next"
                          disabled=""
                          type="button"
                        >
                          EuiIconMock
                        </button>
                      </nav>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      aria-hidden="true"
      data-aria-hidden="true"
      data-focus-guard="true"
      style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
      tabindex="0"
    />
  </div>,
]
`;

exports[`<AssociatedComponentsModal /> spec renders with empty 1`] = `
HTMLCollection [
  <div />,
]
`;