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

exports[`<DetailsTableModal /> spec renders headers 1`] = `
<DetailsTableModal
  header="test header"
  isParameters={false}
  items={
    Array [
      Object {
        "key": "test key",
        "value": "test value",
      },
      Object {
        "key": undefined,
        "value": "",
      },
    ]
  }
  onClose={[MockFunction]}
  services={
    Object {
      "notificationService": NotificationService {
        "createConfig": [Function],
        "deleteConfigs": [Function],
        "getChannel": [Function],
        "getChannels": [Function],
        "getConfig": [Function],
        "getConfigs": [Function],
        "getEmailConfigDetails": [Function],
        "getNotification": [Function],
        "getRecipientGroup": [Function],
        "getRecipientGroups": [Function],
        "getSESSender": [Function],
        "getSESSenders": [Function],
        "getSender": [Function],
        "getSenders": [Function],
        "getServerFeatures": [Function],
        "httpClient": [MockFunction],
        "sendTestMessage": [Function],
        "updateConfig": [Function],
      },
    }
  }
>
  <EuiOverlayMask>
    <Portal
      containerInfo={
        <div
          aria-hidden="true"
          class="euiOverlayMask euiOverlayMask--aboveHeader"
          data-aria-hidden="true"
        />
      }
    >
      <EuiModal
        maxWidth={800}
        onClose={[MockFunction]}
      >
        <EuiOverlayMask>
          <Portal
            containerInfo={
              <div
                class="euiOverlayMask euiOverlayMask--aboveHeader"
              >
                <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="euiModal"
                    style="max-width: 800px;"
                    tabindex="0"
                  >
                    <button
                      aria-label="Closes this modal window"
                      class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                      type="button"
                    >
                      <svg
                        aria-hidden="true"
                        class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
                        focusable="false"
                        height="16"
                        role="img"
                        viewBox="0 0 16 16"
                        width="16"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M7.293 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.708-.708L7.293 8z"
                        />
                      </svg>
                    </button>
                    <div
                      class="euiModal__flex"
                    >
                      <div
                        class="euiModalHeader"
                      >
                        <div
                          class="euiModalHeader__title"
                        >
                          test header
                        </div>
                      </div>
                      <div
                        class="euiModalBody"
                      >
                        <div
                          class="euiModalBody__overflow"
                        >
                          <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="random_html_id"
                                tabindex="-1"
                              >
                                <caption
                                  class="euiScreenReaderOnly euiTableCaption"
                                />
                                <thead>
                                  <tr>
                                    <th
                                      class="euiTableHeaderCell"
                                      data-test-subj="tableHeaderCell_key_0"
                                      role="columnheader"
                                      scope="col"
                                    >
                                      <span
                                        class="euiTableCellContent"
                                      >
                                        <span
                                          class="euiTableCellContent__text"
                                          title="Header"
                                        >
                                          Header
                                        </span>
                                      </span>
                                    </th>
                                    <th
                                      class="euiTableHeaderCell"
                                      data-test-subj="tableHeaderCell_value_1"
                                      role="columnheader"
                                      scope="col"
                                    >
                                      <span
                                        class="euiTableCellContent"
                                      >
                                        <span
                                          class="euiTableCellContent__text"
                                          title="Value"
                                        >
                                          Value
                                        </span>
                                      </span>
                                    </th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr
                                    class="euiTableRow"
                                  >
                                    <td
                                      class="euiTableRowCell"
                                    >
                                      <div
                                        class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                      >
                                        Header
                                      </div>
                                      <div
                                        class="euiTableCellContent euiTableCellContent--overflowingContent"
                                      >
                                        test key
                                      </div>
                                    </td>
                                    <td
                                      class="euiTableRowCell"
                                    >
                                      <div
                                        class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                      >
                                        Value
                                      </div>
                                      <div
                                        class="euiTableCellContent euiTableCellContent--overflowingContent"
                                      >
                                        test value
                                      </div>
                                    </td>
                                  </tr>
                                  <tr
                                    class="euiTableRow"
                                  >
                                    <td
                                      class="euiTableRowCell"
                                    >
                                      <div
                                        class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                      >
                                        Header
                                      </div>
                                      <div
                                        class="euiTableCellContent euiTableCellContent--overflowingContent"
                                      >
                                        -
                                      </div>
                                    </td>
                                    <td
                                      class="euiTableRowCell"
                                    >
                                      <div
                                        class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                      >
                                        Value
                                      </div>
                                      <div
                                        class="euiTableCellContent euiTableCellContent--overflowingContent"
                                      >
                                        -
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="euiModalFooter"
                      >
                        <button
                          class="euiButton euiButton--primary euiButton--fill"
                          type="button"
                        >
                          <span
                            class="euiButtonContent euiButton__content"
                          >
                            <span
                              class="euiButton__text"
                            >
                              Close
                            </span>
                          </span>
                        </button>
                      </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>
            }
          >
            <EuiFocusTrap
              clickOutsideDisables={false}
              disabled={false}
              noIsolation={true}
              returnFocus={true}
              scrollLock={false}
            >
              <ForwardRef
                enabled={true}
                noIsolation={true}
                onClickOutside={[Function]}
                returnFocus={true}
                scrollLock={false}
              >
                <ForwardRef
                  enabled={true}
                  noIsolation={true}
                  onClickOutside={[Function]}
                  returnFocus={true}
                  scrollLock={false}
                  sideCar={[Function]}
                >
                  <ForwardRef(FocusLockUI)
                    as={
                      Object {
                        "$$typeof": Symbol(react.forward_ref),
                        "classNames": Object {
                          "fullWidth": "width-before-scroll-bar",
                          "zeroRight": "right-scroll-bar-position",
                        },
                        "defaultProps": Object {
                          "enabled": true,
                          "inert": false,
                          "removeScrollBar": true,
                        },
                        "render": [Function],
                      }
                    }
                    autoFocus={true}
                    crossFrame={true}
                    disabled={false}
                    lockProps={
                      Object {
                        "allowPinchZoom": undefined,
                        "as": undefined,
                        "enabled": false,
                        "inert": undefined,
                        "onMouseDown": [Function],
                        "onTouchStart": [Function],
                        "shards": undefined,
                        "sideCar": [Function],
                        "style": undefined,
                      }
                    }
                    noFocusGuards={false}
                    onActivation={[Function]}
                    onDeactivation={[Function]}
                    persistentFocus={false}
                    returnFocus={true}
                    sideCar={[Function]}
                  >
                    <div
                      data-focus-guard={true}
                      key="guard-first"
                      style={
                        Object {
                          "height": "0px",
                          "left": "1px",
                          "overflow": "hidden",
                          "padding": 0,
                          "position": "fixed",
                          "top": "1px",
                          "width": "1px",
                        }
                      }
                      tabIndex={0}
                    />
                    <RequireSideCar
                      autoFocus={true}
                      crossFrame={true}
                      disabled={false}
                      id={Object {}}
                      observed={
                        <div
                          data-focus-lock-disabled="false"
                        >
                          <div
                            class="euiModal"
                            style="max-width: 800px;"
                            tabindex="0"
                          >
                            <button
                              aria-label="Closes this modal window"
                              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                              type="button"
                            >
                              <svg
                                aria-hidden="true"
                                class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
                                focusable="false"
                                height="16"
                                role="img"
                                viewBox="0 0 16 16"
                                width="16"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M7.293 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.708-.708L7.293 8z"
                                />
                              </svg>
                            </button>
                            <div
                              class="euiModal__flex"
                            >
                              <div
                                class="euiModalHeader"
                              >
                                <div
                                  class="euiModalHeader__title"
                                >
                                  test header
                                </div>
                              </div>
                              <div
                                class="euiModalBody"
                              >
                                <div
                                  class="euiModalBody__overflow"
                                >
                                  <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="random_html_id"
                                        tabindex="-1"
                                      >
                                        <caption
                                          class="euiScreenReaderOnly euiTableCaption"
                                        />
                                        <thead>
                                          <tr>
                                            <th
                                              class="euiTableHeaderCell"
                                              data-test-subj="tableHeaderCell_key_0"
                                              role="columnheader"
                                              scope="col"
                                            >
                                              <span
                                                class="euiTableCellContent"
                                              >
                                                <span
                                                  class="euiTableCellContent__text"
                                                  title="Header"
                                                >
                                                  Header
                                                </span>
                                              </span>
                                            </th>
                                            <th
                                              class="euiTableHeaderCell"
                                              data-test-subj="tableHeaderCell_value_1"
                                              role="columnheader"
                                              scope="col"
                                            >
                                              <span
                                                class="euiTableCellContent"
                                              >
                                                <span
                                                  class="euiTableCellContent__text"
                                                  title="Value"
                                                >
                                                  Value
                                                </span>
                                              </span>
                                            </th>
                                          </tr>
                                        </thead>
                                        <tbody>
                                          <tr
                                            class="euiTableRow"
                                          >
                                            <td
                                              class="euiTableRowCell"
                                            >
                                              <div
                                                class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                              >
                                                Header
                                              </div>
                                              <div
                                                class="euiTableCellContent euiTableCellContent--overflowingContent"
                                              >
                                                test key
                                              </div>
                                            </td>
                                            <td
                                              class="euiTableRowCell"
                                            >
                                              <div
                                                class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                              >
                                                Value
                                              </div>
                                              <div
                                                class="euiTableCellContent euiTableCellContent--overflowingContent"
                                              >
                                                test value
                                              </div>
                                            </td>
                                          </tr>
                                          <tr
                                            class="euiTableRow"
                                          >
                                            <td
                                              class="euiTableRowCell"
                                            >
                                              <div
                                                class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                              >
                                                Header
                                              </div>
                                              <div
                                                class="euiTableCellContent euiTableCellContent--overflowingContent"
                                              >
                                                -
                                              </div>
                                            </td>
                                            <td
                                              class="euiTableRowCell"
                                            >
                                              <div
                                                class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                              >
                                                Value
                                              </div>
                                              <div
                                                class="euiTableCellContent euiTableCellContent--overflowingContent"
                                              >
                                                -
                                              </div>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="euiModalFooter"
                              >
                                <button
                                  class="euiButton euiButton--primary euiButton--fill"
                                  type="button"
                                >
                                  <span
                                    class="euiButtonContent euiButton__content"
                                  >
                                    <span
                                      class="euiButton__text"
                                    >
                                      Close
                                    </span>
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      }
                      onActivation={[Function]}
                      onDeactivation={[Function]}
                      persistentFocus={false}
                      returnFocus={[Function]}
                      shards={Array []}
                      sideCar={
                        Object {
                          "assignMedium": [Function],
                          "assignSyncMedium": [Function],
                          "options": Object {
                            "async": true,
                            "ssr": false,
                          },
                          "read": [Function],
                          "useMedium": [Function],
                        }
                      }
                    >
                      <SideCar
                        autoFocus={true}
                        crossFrame={true}
                        disabled={false}
                        id={Object {}}
                        observed={
                          <div
                            data-focus-lock-disabled="false"
                          >
                            <div
                              class="euiModal"
                              style="max-width: 800px;"
                              tabindex="0"
                            >
                              <button
                                aria-label="Closes this modal window"
                                class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                                type="button"
                              >
                                <svg
                                  aria-hidden="true"
                                  class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
                                  focusable="false"
                                  height="16"
                                  role="img"
                                  viewBox="0 0 16 16"
                                  width="16"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <path
                                    d="M7.293 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.708-.708L7.293 8z"
                                  />
                                </svg>
                              </button>
                              <div
                                class="euiModal__flex"
                              >
                                <div
                                  class="euiModalHeader"
                                >
                                  <div
                                    class="euiModalHeader__title"
                                  >
                                    test header
                                  </div>
                                </div>
                                <div
                                  class="euiModalBody"
                                >
                                  <div
                                    class="euiModalBody__overflow"
                                  >
                                    <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="random_html_id"
                                          tabindex="-1"
                                        >
                                          <caption
                                            class="euiScreenReaderOnly euiTableCaption"
                                          />
                                          <thead>
                                            <tr>
                                              <th
                                                class="euiTableHeaderCell"
                                                data-test-subj="tableHeaderCell_key_0"
                                                role="columnheader"
                                                scope="col"
                                              >
                                                <span
                                                  class="euiTableCellContent"
                                                >
                                                  <span
                                                    class="euiTableCellContent__text"
                                                    title="Header"
                                                  >
                                                    Header
                                                  </span>
                                                </span>
                                              </th>
                                              <th
                                                class="euiTableHeaderCell"
                                                data-test-subj="tableHeaderCell_value_1"
                                                role="columnheader"
                                                scope="col"
                                              >
                                                <span
                                                  class="euiTableCellContent"
                                                >
                                                  <span
                                                    class="euiTableCellContent__text"
                                                    title="Value"
                                                  >
                                                    Value
                                                  </span>
                                                </span>
                                              </th>
                                            </tr>
                                          </thead>
                                          <tbody>
                                            <tr
                                              class="euiTableRow"
                                            >
                                              <td
                                                class="euiTableRowCell"
                                              >
                                                <div
                                                  class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                >
                                                  Header
                                                </div>
                                                <div
                                                  class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                >
                                                  test key
                                                </div>
                                              </td>
                                              <td
                                                class="euiTableRowCell"
                                              >
                                                <div
                                                  class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                >
                                                  Value
                                                </div>
                                                <div
                                                  class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                >
                                                  test value
                                                </div>
                                              </td>
                                            </tr>
                                            <tr
                                              class="euiTableRow"
                                            >
                                              <td
                                                class="euiTableRowCell"
                                              >
                                                <div
                                                  class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                >
                                                  Header
                                                </div>
                                                <div
                                                  class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                >
                                                  -
                                                </div>
                                              </td>
                                              <td
                                                class="euiTableRowCell"
                                              >
                                                <div
                                                  class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                >
                                                  Value
                                                </div>
                                                <div
                                                  class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                >
                                                  -
                                                </div>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div
                                  class="euiModalFooter"
                                >
                                  <button
                                    class="euiButton euiButton--primary euiButton--fill"
                                    type="button"
                                  >
                                    <span
                                      class="euiButtonContent euiButton__content"
                                    >
                                      <span
                                        class="euiButton__text"
                                      >
                                        Close
                                      </span>
                                    </span>
                                  </button>
                                </div>
                              </div>
                            </div>
                          </div>
                        }
                        onActivation={[Function]}
                        onDeactivation={[Function]}
                        persistentFocus={false}
                        returnFocus={[Function]}
                        shards={Array []}
                        sideCar={
                          Object {
                            "assignMedium": [Function],
                            "assignSyncMedium": [Function],
                            "options": Object {
                              "async": true,
                              "ssr": false,
                            },
                            "read": [Function],
                            "useMedium": [Function],
                          }
                        }
                      >
                        <SideEffect(FocusWatcher)
                          autoFocus={true}
                          crossFrame={true}
                          disabled={false}
                          id={Object {}}
                          observed={
                            <div
                              data-focus-lock-disabled="false"
                            >
                              <div
                                class="euiModal"
                                style="max-width: 800px;"
                                tabindex="0"
                              >
                                <button
                                  aria-label="Closes this modal window"
                                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                                  type="button"
                                >
                                  <svg
                                    aria-hidden="true"
                                    class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
                                    focusable="false"
                                    height="16"
                                    role="img"
                                    viewBox="0 0 16 16"
                                    width="16"
                                    xmlns="http://www.w3.org/2000/svg"
                                  >
                                    <path
                                      d="M7.293 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.708-.708L7.293 8z"
                                    />
                                  </svg>
                                </button>
                                <div
                                  class="euiModal__flex"
                                >
                                  <div
                                    class="euiModalHeader"
                                  >
                                    <div
                                      class="euiModalHeader__title"
                                    >
                                      test header
                                    </div>
                                  </div>
                                  <div
                                    class="euiModalBody"
                                  >
                                    <div
                                      class="euiModalBody__overflow"
                                    >
                                      <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="random_html_id"
                                            tabindex="-1"
                                          >
                                            <caption
                                              class="euiScreenReaderOnly euiTableCaption"
                                            />
                                            <thead>
                                              <tr>
                                                <th
                                                  class="euiTableHeaderCell"
                                                  data-test-subj="tableHeaderCell_key_0"
                                                  role="columnheader"
                                                  scope="col"
                                                >
                                                  <span
                                                    class="euiTableCellContent"
                                                  >
                                                    <span
                                                      class="euiTableCellContent__text"
                                                      title="Header"
                                                    >
                                                      Header
                                                    </span>
                                                  </span>
                                                </th>
                                                <th
                                                  class="euiTableHeaderCell"
                                                  data-test-subj="tableHeaderCell_value_1"
                                                  role="columnheader"
                                                  scope="col"
                                                >
                                                  <span
                                                    class="euiTableCellContent"
                                                  >
                                                    <span
                                                      class="euiTableCellContent__text"
                                                      title="Value"
                                                    >
                                                      Value
                                                    </span>
                                                  </span>
                                                </th>
                                              </tr>
                                            </thead>
                                            <tbody>
                                              <tr
                                                class="euiTableRow"
                                              >
                                                <td
                                                  class="euiTableRowCell"
                                                >
                                                  <div
                                                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                  >
                                                    Header
                                                  </div>
                                                  <div
                                                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                  >
                                                    test key
                                                  </div>
                                                </td>
                                                <td
                                                  class="euiTableRowCell"
                                                >
                                                  <div
                                                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                  >
                                                    Value
                                                  </div>
                                                  <div
                                                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                  >
                                                    test value
                                                  </div>
                                                </td>
                                              </tr>
                                              <tr
                                                class="euiTableRow"
                                              >
                                                <td
                                                  class="euiTableRowCell"
                                                >
                                                  <div
                                                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                  >
                                                    Header
                                                  </div>
                                                  <div
                                                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                  >
                                                    -
                                                  </div>
                                                </td>
                                                <td
                                                  class="euiTableRowCell"
                                                >
                                                  <div
                                                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                  >
                                                    Value
                                                  </div>
                                                  <div
                                                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                  >
                                                    -
                                                  </div>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div
                                    class="euiModalFooter"
                                  >
                                    <button
                                      class="euiButton euiButton--primary euiButton--fill"
                                      type="button"
                                    >
                                      <span
                                        class="euiButtonContent euiButton__content"
                                      >
                                        <span
                                          class="euiButton__text"
                                        >
                                          Close
                                        </span>
                                      </span>
                                    </button>
                                  </div>
                                </div>
                              </div>
                            </div>
                          }
                          onActivation={[Function]}
                          onDeactivation={[Function]}
                          persistentFocus={false}
                          returnFocus={[Function]}
                          shards={Array []}
                        >
                          <FocusWatcher
                            autoFocus={true}
                            crossFrame={true}
                            disabled={false}
                            id={Object {}}
                            observed={
                              <div
                                data-focus-lock-disabled="false"
                              >
                                <div
                                  class="euiModal"
                                  style="max-width: 800px;"
                                  tabindex="0"
                                >
                                  <button
                                    aria-label="Closes this modal window"
                                    class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                                    type="button"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
                                      focusable="false"
                                      height="16"
                                      role="img"
                                      viewBox="0 0 16 16"
                                      width="16"
                                      xmlns="http://www.w3.org/2000/svg"
                                    >
                                      <path
                                        d="M7.293 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.708-.708L7.293 8z"
                                      />
                                    </svg>
                                  </button>
                                  <div
                                    class="euiModal__flex"
                                  >
                                    <div
                                      class="euiModalHeader"
                                    >
                                      <div
                                        class="euiModalHeader__title"
                                      >
                                        test header
                                      </div>
                                    </div>
                                    <div
                                      class="euiModalBody"
                                    >
                                      <div
                                        class="euiModalBody__overflow"
                                      >
                                        <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="random_html_id"
                                              tabindex="-1"
                                            >
                                              <caption
                                                class="euiScreenReaderOnly euiTableCaption"
                                              />
                                              <thead>
                                                <tr>
                                                  <th
                                                    class="euiTableHeaderCell"
                                                    data-test-subj="tableHeaderCell_key_0"
                                                    role="columnheader"
                                                    scope="col"
                                                  >
                                                    <span
                                                      class="euiTableCellContent"
                                                    >
                                                      <span
                                                        class="euiTableCellContent__text"
                                                        title="Header"
                                                      >
                                                        Header
                                                      </span>
                                                    </span>
                                                  </th>
                                                  <th
                                                    class="euiTableHeaderCell"
                                                    data-test-subj="tableHeaderCell_value_1"
                                                    role="columnheader"
                                                    scope="col"
                                                  >
                                                    <span
                                                      class="euiTableCellContent"
                                                    >
                                                      <span
                                                        class="euiTableCellContent__text"
                                                        title="Value"
                                                      >
                                                        Value
                                                      </span>
                                                    </span>
                                                  </th>
                                                </tr>
                                              </thead>
                                              <tbody>
                                                <tr
                                                  class="euiTableRow"
                                                >
                                                  <td
                                                    class="euiTableRowCell"
                                                  >
                                                    <div
                                                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                    >
                                                      Header
                                                    </div>
                                                    <div
                                                      class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                    >
                                                      test key
                                                    </div>
                                                  </td>
                                                  <td
                                                    class="euiTableRowCell"
                                                  >
                                                    <div
                                                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                    >
                                                      Value
                                                    </div>
                                                    <div
                                                      class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                    >
                                                      test value
                                                    </div>
                                                  </td>
                                                </tr>
                                                <tr
                                                  class="euiTableRow"
                                                >
                                                  <td
                                                    class="euiTableRowCell"
                                                  >
                                                    <div
                                                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                    >
                                                      Header
                                                    </div>
                                                    <div
                                                      class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                    >
                                                      -
                                                    </div>
                                                  </td>
                                                  <td
                                                    class="euiTableRowCell"
                                                  >
                                                    <div
                                                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                    >
                                                      Value
                                                    </div>
                                                    <div
                                                      class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                    >
                                                      -
                                                    </div>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div
                                      class="euiModalFooter"
                                    >
                                      <button
                                        class="euiButton euiButton--primary euiButton--fill"
                                        type="button"
                                      >
                                        <span
                                          class="euiButtonContent euiButton__content"
                                        >
                                          <span
                                            class="euiButton__text"
                                          >
                                            Close
                                          </span>
                                        </span>
                                      </button>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            }
                            onActivation={[Function]}
                            onDeactivation={[Function]}
                            persistentFocus={false}
                            returnFocus={[Function]}
                            shards={Array []}
                          />
                        </SideEffect(FocusWatcher)>
                      </SideCar>
                    </RequireSideCar>
                    <ForwardRef
                      data-focus-lock-disabled={false}
                      enabled={false}
                      inert={false}
                      onBlur={[Function]}
                      onFocus={[Function]}
                      onMouseDown={[Function]}
                      onTouchStart={[Function]}
                      removeScrollBar={true}
                      sideCar={[Function]}
                    >
                      <div
                        data-focus-lock-disabled={false}
                        onBlur={[Function]}
                        onFocus={[Function]}
                        onMouseDown={[Function]}
                        onScrollCapture={[Function]}
                        onTouchMoveCapture={[Function]}
                        onTouchStart={[Function]}
                        onWheelCapture={[Function]}
                      >
                        <div
                          className="euiModal"
                          onKeyDown={[Function]}
                          style={
                            Object {
                              "maxWidth": "800px",
                            }
                          }
                          tabIndex={0}
                        >
                          <EuiI18n
                            default="Closes this modal window"
                            token="euiModal.closeModal"
                          >
                            <EuiButtonIcon
                              aria-label="Closes this modal window"
                              className="euiModal__closeIcon"
                              color="text"
                              iconType="cross"
                              onClick={[MockFunction]}
                            >
                              <button
                                aria-label="Closes this modal window"
                                className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                                disabled={false}
                                onClick={[MockFunction]}
                                type="button"
                              >
                                <EuiIcon
                                  aria-hidden="true"
                                  className="euiButtonIcon__icon"
                                  color="inherit"
                                  size="m"
                                  type="cross"
                                >
                                  <EuiIconCross
                                    aria-hidden={true}
                                    className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
                                    focusable="false"
                                    role="img"
                                    style={null}
                                  >
                                    <svg
                                      aria-hidden={true}
                                      className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
                                      focusable="false"
                                      height={16}
                                      role="img"
                                      style={null}
                                      viewBox="0 0 16 16"
                                      width={16}
                                      xmlns="http://www.w3.org/2000/svg"
                                    >
                                      <path
                                        d="M7.293 8L3.146 3.854a.5.5 0 11.708-.708L8 7.293l4.146-4.147a.5.5 0 01.708.708L8.707 8l4.147 4.146a.5.5 0 01-.708.708L8 8.707l-4.146 4.147a.5.5 0 01-.708-.708L7.293 8z"
                                      />
                                    </svg>
                                  </EuiIconCross>
                                </EuiIcon>
                              </button>
                            </EuiButtonIcon>
                          </EuiI18n>
                          <div
                            className="euiModal__flex"
                          >
                            <EuiModalHeader>
                              <div
                                className="euiModalHeader"
                              >
                                <EuiModalHeaderTitle>
                                  <div
                                    className="euiModalHeader__title"
                                  >
                                    test header
                                  </div>
                                </EuiModalHeaderTitle>
                              </div>
                            </EuiModalHeader>
                            <EuiModalBody>
                              <div
                                className="euiModalBody"
                              >
                                <div
                                  className="euiModalBody__overflow"
                                >
                                  <EuiInMemoryTable
                                    columns={
                                      Array [
                                        Object {
                                          "align": "left",
                                          "field": "key",
                                          "name": "Header",
                                          "render": [Function],
                                          "truncateText": false,
                                        },
                                        Object {
                                          "align": "left",
                                          "field": "value",
                                          "name": "Value",
                                          "render": [Function],
                                          "truncateText": false,
                                        },
                                      ]
                                    }
                                    items={
                                      Array [
                                        Object {
                                          "key": "test key",
                                          "value": "test value",
                                        },
                                        Object {
                                          "key": undefined,
                                          "value": "",
                                        },
                                      ]
                                    }
                                    responsive={true}
                                    tableLayout="fixed"
                                  >
                                    <EuiBasicTable
                                      columns={
                                        Array [
                                          Object {
                                            "align": "left",
                                            "field": "key",
                                            "name": "Header",
                                            "render": [Function],
                                            "truncateText": false,
                                          },
                                          Object {
                                            "align": "left",
                                            "field": "value",
                                            "name": "Value",
                                            "render": [Function],
                                            "truncateText": false,
                                          },
                                        ]
                                      }
                                      items={
                                        Array [
                                          Object {
                                            "key": "test key",
                                            "value": "test value",
                                          },
                                          Object {
                                            "key": undefined,
                                            "value": "",
                                          },
                                        ]
                                      }
                                      noItemsMessage="No items found"
                                      onChange={[Function]}
                                      responsive={true}
                                      tableLayout="fixed"
                                    >
                                      <div
                                        className="euiBasicTable"
                                      >
                                        <div>
                                          <EuiTableHeaderMobile>
                                            <div
                                              className="euiTableHeaderMobile"
                                            >
                                              <EuiFlexGroup
                                                alignItems="baseline"
                                                justifyContent="spaceBetween"
                                                responsive={false}
                                              >
                                                <div
                                                  className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
                                                >
                                                  <EuiFlexItem
                                                    grow={false}
                                                  >
                                                    <div
                                                      className="euiFlexItem euiFlexItem--flexGrowZero"
                                                    />
                                                  </EuiFlexItem>
                                                  <EuiFlexItem
                                                    grow={false}
                                                  >
                                                    <div
                                                      className="euiFlexItem euiFlexItem--flexGrowZero"
                                                    />
                                                  </EuiFlexItem>
                                                </div>
                                              </EuiFlexGroup>
                                            </div>
                                          </EuiTableHeaderMobile>
                                          <EuiTable
                                            id="random_html_id"
                                            responsive={true}
                                            tableLayout="fixed"
                                          >
                                            <table
                                              className="euiTable euiTable--responsive"
                                              id="random_html_id"
                                              tabIndex={-1}
                                            >
                                              <EuiScreenReaderOnly>
                                                <caption
                                                  className="euiScreenReaderOnly euiTableCaption"
                                                >
                                                  <EuiDelayRender
                                                    delay={500}
                                                  />
                                                </caption>
                                              </EuiScreenReaderOnly>
                                              <EuiTableHeader>
                                                <thead>
                                                  <tr>
                                                    <EuiTableHeaderCell
                                                      align="left"
                                                      data-test-subj="tableHeaderCell_key_0"
                                                      key="_data_h_key_0"
                                                    >
                                                      <th
                                                        className="euiTableHeaderCell"
                                                        data-test-subj="tableHeaderCell_key_0"
                                                        role="columnheader"
                                                        scope="col"
                                                        style={
                                                          Object {
                                                            "width": undefined,
                                                          }
                                                        }
                                                      >
                                                        <CellContents
                                                          className="euiTableCellContent"
                                                          showSortMsg={false}
                                                        >
                                                          <span
                                                            className="euiTableCellContent"
                                                          >
                                                            <EuiInnerText>
                                                              <EuiI18n
                                                                default="{innerText}; {description}"
                                                                token="euiTableHeaderCell.titleTextWithDesc"
                                                                values={
                                                                  Object {
                                                                    "description": undefined,
                                                                    "innerText": "Header",
                                                                  }
                                                                }
                                                              >
                                                                <span
                                                                  className="euiTableCellContent__text"
                                                                  title="Header"
                                                                >
                                                                  Header
                                                                </span>
                                                              </EuiI18n>
                                                            </EuiInnerText>
                                                          </span>
                                                        </CellContents>
                                                      </th>
                                                    </EuiTableHeaderCell>
                                                    <EuiTableHeaderCell
                                                      align="left"
                                                      data-test-subj="tableHeaderCell_value_1"
                                                      key="_data_h_value_1"
                                                    >
                                                      <th
                                                        className="euiTableHeaderCell"
                                                        data-test-subj="tableHeaderCell_value_1"
                                                        role="columnheader"
                                                        scope="col"
                                                        style={
                                                          Object {
                                                            "width": undefined,
                                                          }
                                                        }
                                                      >
                                                        <CellContents
                                                          className="euiTableCellContent"
                                                          showSortMsg={false}
                                                        >
                                                          <span
                                                            className="euiTableCellContent"
                                                          >
                                                            <EuiInnerText>
                                                              <EuiI18n
                                                                default="{innerText}; {description}"
                                                                token="euiTableHeaderCell.titleTextWithDesc"
                                                                values={
                                                                  Object {
                                                                    "description": undefined,
                                                                    "innerText": "Value",
                                                                  }
                                                                }
                                                              >
                                                                <span
                                                                  className="euiTableCellContent__text"
                                                                  title="Value"
                                                                >
                                                                  Value
                                                                </span>
                                                              </EuiI18n>
                                                            </EuiInnerText>
                                                          </span>
                                                        </CellContents>
                                                      </th>
                                                    </EuiTableHeaderCell>
                                                  </tr>
                                                </thead>
                                              </EuiTableHeader>
                                              <EuiTableBody
                                                bodyRef={[Function]}
                                              >
                                                <tbody>
                                                  <EuiTableRow
                                                    isSelected={false}
                                                  >
                                                    <tr
                                                      className="euiTableRow"
                                                    >
                                                      <EuiTableRowCell
                                                        align="left"
                                                        key="_data_column_key_0_0"
                                                        mobileOptions={
                                                          Object {
                                                            "header": "Header",
                                                            "render": undefined,
                                                          }
                                                        }
                                                        setScopeRow={false}
                                                        textOnly={false}
                                                        truncateText={false}
                                                      >
                                                        <td
                                                          className="euiTableRowCell"
                                                          style={
                                                            Object {
                                                              "width": undefined,
                                                            }
                                                          }
                                                        >
                                                          <div
                                                            className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                          >
                                                            Header
                                                          </div>
                                                          <div
                                                            className="euiTableCellContent euiTableCellContent--overflowingContent"
                                                          >
                                                            test key
                                                          </div>
                                                        </td>
                                                      </EuiTableRowCell>
                                                      <EuiTableRowCell
                                                        align="left"
                                                        key="_data_column_value_0_1"
                                                        mobileOptions={
                                                          Object {
                                                            "header": "Value",
                                                            "render": undefined,
                                                          }
                                                        }
                                                        setScopeRow={false}
                                                        textOnly={false}
                                                        truncateText={false}
                                                      >
                                                        <td
                                                          className="euiTableRowCell"
                                                          style={
                                                            Object {
                                                              "width": undefined,
                                                            }
                                                          }
                                                        >
                                                          <div
                                                            className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                          >
                                                            Value
                                                          </div>
                                                          <div
                                                            className="euiTableCellContent euiTableCellContent--overflowingContent"
                                                          >
                                                            test value
                                                          </div>
                                                        </td>
                                                      </EuiTableRowCell>
                                                    </tr>
                                                  </EuiTableRow>
                                                  <EuiTableRow
                                                    isSelected={false}
                                                  >
                                                    <tr
                                                      className="euiTableRow"
                                                    >
                                                      <EuiTableRowCell
                                                        align="left"
                                                        key="_data_column_key_1_0"
                                                        mobileOptions={
                                                          Object {
                                                            "header": "Header",
                                                            "render": undefined,
                                                          }
                                                        }
                                                        setScopeRow={false}
                                                        textOnly={false}
                                                        truncateText={false}
                                                      >
                                                        <td
                                                          className="euiTableRowCell"
                                                          style={
                                                            Object {
                                                              "width": undefined,
                                                            }
                                                          }
                                                        >
                                                          <div
                                                            className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                          >
                                                            Header
                                                          </div>
                                                          <div
                                                            className="euiTableCellContent euiTableCellContent--overflowingContent"
                                                          >
                                                            -
                                                          </div>
                                                        </td>
                                                      </EuiTableRowCell>
                                                      <EuiTableRowCell
                                                        align="left"
                                                        key="_data_column_value_1_1"
                                                        mobileOptions={
                                                          Object {
                                                            "header": "Value",
                                                            "render": undefined,
                                                          }
                                                        }
                                                        setScopeRow={false}
                                                        textOnly={false}
                                                        truncateText={false}
                                                      >
                                                        <td
                                                          className="euiTableRowCell"
                                                          style={
                                                            Object {
                                                              "width": undefined,
                                                            }
                                                          }
                                                        >
                                                          <div
                                                            className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                          >
                                                            Value
                                                          </div>
                                                          <div
                                                            className="euiTableCellContent euiTableCellContent--overflowingContent"
                                                          >
                                                            -
                                                          </div>
                                                        </td>
                                                      </EuiTableRowCell>
                                                    </tr>
                                                  </EuiTableRow>
                                                </tbody>
                                              </EuiTableBody>
                                            </table>
                                          </EuiTable>
                                        </div>
                                      </div>
                                    </EuiBasicTable>
                                  </EuiInMemoryTable>
                                </div>
                              </div>
                            </EuiModalBody>
                            <EuiModalFooter>
                              <div
                                className="euiModalFooter"
                              >
                                <EuiButton
                                  fill={true}
                                  onClick={[MockFunction]}
                                >
                                  <EuiButtonDisplay
                                    baseClassName="euiButton"
                                    disabled={false}
                                    element="button"
                                    fill={true}
                                    isDisabled={false}
                                    onClick={[MockFunction]}
                                    type="button"
                                  >
                                    <button
                                      className="euiButton euiButton--primary euiButton--fill"
                                      disabled={false}
                                      onClick={[MockFunction]}
                                      style={
                                        Object {
                                          "minWidth": undefined,
                                        }
                                      }
                                      type="button"
                                    >
                                      <EuiButtonContent
                                        className="euiButton__content"
                                        iconSide="left"
                                        textProps={
                                          Object {
                                            "className": "euiButton__text",
                                          }
                                        }
                                      >
                                        <span
                                          className="euiButtonContent euiButton__content"
                                        >
                                          <span
                                            className="euiButton__text"
                                          >
                                            Close
                                          </span>
                                        </span>
                                      </EuiButtonContent>
                                    </button>
                                  </EuiButtonDisplay>
                                </EuiButton>
                              </div>
                            </EuiModalFooter>
                          </div>
                        </div>
                      </div>
                    </ForwardRef>
                    <div
                      data-focus-guard={true}
                      style={
                        Object {
                          "height": "0px",
                          "left": "1px",
                          "overflow": "hidden",
                          "padding": 0,
                          "position": "fixed",
                          "top": "1px",
                          "width": "1px",
                        }
                      }
                      tabIndex={0}
                    />
                  </ForwardRef(FocusLockUI)>
                  <RequireSideCar
                    noIsolation={true}
                    onClickOutside={[Function]}
                    setLockProps={[Function]}
                    sideCar={
                      Object {
                        "assignMedium": [Function],
                        "assignSyncMedium": [Function],
                        "options": Object {
                          "async": true,
                          "ssr": false,
                        },
                        "read": [Function],
                        "useMedium": [Function],
                      }
                    }
                  >
                    <SideCar
                      noIsolation={true}
                      onClickOutside={[Function]}
                      setLockProps={[Function]}
                      sideCar={
                        Object {
                          "assignMedium": [Function],
                          "assignSyncMedium": [Function],
                          "options": Object {
                            "async": true,
                            "ssr": false,
                          },
                          "read": [Function],
                          "useMedium": [Function],
                        }
                      }
                    >
                      <Effect
                        noIsolation={true}
                        onClickOutside={[Function]}
                        setLockProps={[Function]}
                      >
                        <Component>
                          <Sheet
                            styles="
 [data-focus-on-hidden] {
   pointer-events: none !important;
 }
"
                          />
                        </Component>
                      </Effect>
                    </SideCar>
                  </RequireSideCar>
                </ForwardRef>
              </ForwardRef>
            </EuiFocusTrap>
          </Portal>
        </EuiOverlayMask>
      </EuiModal>
    </Portal>
  </EuiOverlayMask>
</DetailsTableModal>
`;

exports[`<DetailsTableModal /> spec renders parameters 1`] = `
<DetailsTableModal
  header="test header"
  isParameters={true}
  items={
    Array [
      Object {
        "key": "test key",
        "value": "test value",
      },
      Object {
        "key": null,
        "value": "",
      },
    ]
  }
  onClose={[MockFunction]}
  services={
    Object {
      "notificationService": NotificationService {
        "createConfig": [Function],
        "deleteConfigs": [Function],
        "getChannel": [Function],
        "getChannels": [Function],
        "getConfig": [Function],
        "getConfigs": [Function],
        "getEmailConfigDetails": [Function],
        "getNotification": [Function],
        "getRecipientGroup": [Function],
        "getRecipientGroups": [Function],
        "getSESSender": [Function],
        "getSESSenders": [Function],
        "getSender": [Function],
        "getSenders": [Function],
        "getServerFeatures": [Function],
        "httpClient": [MockFunction],
        "sendTestMessage": [Function],
        "updateConfig": [Function],
      },
    }
  }
>
  <EuiOverlayMask>
    <Portal
      containerInfo={
        <div
          aria-hidden="true"
          class="euiOverlayMask euiOverlayMask--aboveHeader"
          data-aria-hidden="true"
        />
      }
    >
      <EuiModal
        maxWidth={800}
        onClose={[MockFunction]}
      >
        <EuiOverlayMask>
          <Portal
            containerInfo={
              <div
                class="euiOverlayMask euiOverlayMask--aboveHeader"
              >
                <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="euiModal"
                    style="max-width: 800px;"
                    tabindex="0"
                  >
                    <button
                      aria-label="Closes this modal window"
                      class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                      type="button"
                    >
                      <svg
                        aria-hidden="true"
                        class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
                        focusable="false"
                        height="16"
                        role="img"
                        viewBox="0 0 16 16"
                        width="16"
                        xmlns="http://www.w3.org/2000/svg"
                      />
                    </button>
                    <div
                      class="euiModal__flex"
                    >
                      <div
                        class="euiModalHeader"
                      >
                        <div
                          class="euiModalHeader__title"
                        >
                          test header
                        </div>
                      </div>
                      <div
                        class="euiModalBody"
                      >
                        <div
                          class="euiModalBody__overflow"
                        >
                          <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="random_html_id"
                                tabindex="-1"
                              >
                                <caption
                                  class="euiScreenReaderOnly euiTableCaption"
                                />
                                <thead>
                                  <tr>
                                    <th
                                      class="euiTableHeaderCell"
                                      data-test-subj="tableHeaderCell_key_0"
                                      role="columnheader"
                                      scope="col"
                                    >
                                      <span
                                        class="euiTableCellContent"
                                      >
                                        <span
                                          class="euiTableCellContent__text"
                                          title="Parameter"
                                        >
                                          Parameter
                                        </span>
                                      </span>
                                    </th>
                                    <th
                                      class="euiTableHeaderCell"
                                      data-test-subj="tableHeaderCell_value_1"
                                      role="columnheader"
                                      scope="col"
                                    >
                                      <span
                                        class="euiTableCellContent"
                                      >
                                        <span
                                          class="euiTableCellContent__text"
                                          title="Value"
                                        >
                                          Value
                                        </span>
                                      </span>
                                    </th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr
                                    class="euiTableRow"
                                  >
                                    <td
                                      class="euiTableRowCell"
                                    >
                                      <div
                                        class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                      >
                                        Parameter
                                      </div>
                                      <div
                                        class="euiTableCellContent euiTableCellContent--overflowingContent"
                                      >
                                        test key
                                      </div>
                                    </td>
                                    <td
                                      class="euiTableRowCell"
                                    >
                                      <div
                                        class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                      >
                                        Value
                                      </div>
                                      <div
                                        class="euiTableCellContent euiTableCellContent--overflowingContent"
                                      >
                                        test value
                                      </div>
                                    </td>
                                  </tr>
                                  <tr
                                    class="euiTableRow"
                                  >
                                    <td
                                      class="euiTableRowCell"
                                    >
                                      <div
                                        class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                      >
                                        Parameter
                                      </div>
                                      <div
                                        class="euiTableCellContent euiTableCellContent--overflowingContent"
                                      >
                                        -
                                      </div>
                                    </td>
                                    <td
                                      class="euiTableRowCell"
                                    >
                                      <div
                                        class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                      >
                                        Value
                                      </div>
                                      <div
                                        class="euiTableCellContent euiTableCellContent--overflowingContent"
                                      >
                                        -
                                      </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="euiModalFooter"
                      >
                        <button
                          class="euiButton euiButton--primary euiButton--fill"
                          type="button"
                        >
                          <span
                            class="euiButtonContent euiButton__content"
                          >
                            <span
                              class="euiButton__text"
                            >
                              Close
                            </span>
                          </span>
                        </button>
                      </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>
            }
          >
            <EuiFocusTrap
              clickOutsideDisables={false}
              disabled={false}
              noIsolation={true}
              returnFocus={true}
              scrollLock={false}
            >
              <ForwardRef
                enabled={true}
                noIsolation={true}
                onClickOutside={[Function]}
                returnFocus={true}
                scrollLock={false}
              >
                <ForwardRef
                  enabled={true}
                  noIsolation={true}
                  onClickOutside={[Function]}
                  returnFocus={true}
                  scrollLock={false}
                  sideCar={[Function]}
                >
                  <ForwardRef(FocusLockUI)
                    as={
                      Object {
                        "$$typeof": Symbol(react.forward_ref),
                        "classNames": Object {
                          "fullWidth": "width-before-scroll-bar",
                          "zeroRight": "right-scroll-bar-position",
                        },
                        "defaultProps": Object {
                          "enabled": true,
                          "inert": false,
                          "removeScrollBar": true,
                        },
                        "render": [Function],
                      }
                    }
                    autoFocus={true}
                    crossFrame={true}
                    disabled={false}
                    lockProps={
                      Object {
                        "allowPinchZoom": undefined,
                        "as": undefined,
                        "enabled": false,
                        "inert": undefined,
                        "onMouseDown": [Function],
                        "onTouchStart": [Function],
                        "shards": undefined,
                        "sideCar": [Function],
                        "style": undefined,
                      }
                    }
                    noFocusGuards={false}
                    onActivation={[Function]}
                    onDeactivation={[Function]}
                    persistentFocus={false}
                    returnFocus={true}
                    sideCar={[Function]}
                  >
                    <div
                      data-focus-guard={true}
                      key="guard-first"
                      style={
                        Object {
                          "height": "0px",
                          "left": "1px",
                          "overflow": "hidden",
                          "padding": 0,
                          "position": "fixed",
                          "top": "1px",
                          "width": "1px",
                        }
                      }
                      tabIndex={0}
                    />
                    <RequireSideCar
                      autoFocus={true}
                      crossFrame={true}
                      disabled={false}
                      id={Object {}}
                      observed={
                        <div
                          data-focus-lock-disabled="false"
                        >
                          <div
                            class="euiModal"
                            style="max-width: 800px;"
                            tabindex="0"
                          >
                            <button
                              aria-label="Closes this modal window"
                              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                              type="button"
                            >
                              <svg
                                aria-hidden="true"
                                class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
                                focusable="false"
                                height="16"
                                role="img"
                                viewBox="0 0 16 16"
                                width="16"
                                xmlns="http://www.w3.org/2000/svg"
                              />
                            </button>
                            <div
                              class="euiModal__flex"
                            >
                              <div
                                class="euiModalHeader"
                              >
                                <div
                                  class="euiModalHeader__title"
                                >
                                  test header
                                </div>
                              </div>
                              <div
                                class="euiModalBody"
                              >
                                <div
                                  class="euiModalBody__overflow"
                                >
                                  <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="random_html_id"
                                        tabindex="-1"
                                      >
                                        <caption
                                          class="euiScreenReaderOnly euiTableCaption"
                                        />
                                        <thead>
                                          <tr>
                                            <th
                                              class="euiTableHeaderCell"
                                              data-test-subj="tableHeaderCell_key_0"
                                              role="columnheader"
                                              scope="col"
                                            >
                                              <span
                                                class="euiTableCellContent"
                                              >
                                                <span
                                                  class="euiTableCellContent__text"
                                                  title="Parameter"
                                                >
                                                  Parameter
                                                </span>
                                              </span>
                                            </th>
                                            <th
                                              class="euiTableHeaderCell"
                                              data-test-subj="tableHeaderCell_value_1"
                                              role="columnheader"
                                              scope="col"
                                            >
                                              <span
                                                class="euiTableCellContent"
                                              >
                                                <span
                                                  class="euiTableCellContent__text"
                                                  title="Value"
                                                >
                                                  Value
                                                </span>
                                              </span>
                                            </th>
                                          </tr>
                                        </thead>
                                        <tbody>
                                          <tr
                                            class="euiTableRow"
                                          >
                                            <td
                                              class="euiTableRowCell"
                                            >
                                              <div
                                                class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                              >
                                                Parameter
                                              </div>
                                              <div
                                                class="euiTableCellContent euiTableCellContent--overflowingContent"
                                              >
                                                test key
                                              </div>
                                            </td>
                                            <td
                                              class="euiTableRowCell"
                                            >
                                              <div
                                                class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                              >
                                                Value
                                              </div>
                                              <div
                                                class="euiTableCellContent euiTableCellContent--overflowingContent"
                                              >
                                                test value
                                              </div>
                                            </td>
                                          </tr>
                                          <tr
                                            class="euiTableRow"
                                          >
                                            <td
                                              class="euiTableRowCell"
                                            >
                                              <div
                                                class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                              >
                                                Parameter
                                              </div>
                                              <div
                                                class="euiTableCellContent euiTableCellContent--overflowingContent"
                                              >
                                                -
                                              </div>
                                            </td>
                                            <td
                                              class="euiTableRowCell"
                                            >
                                              <div
                                                class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                              >
                                                Value
                                              </div>
                                              <div
                                                class="euiTableCellContent euiTableCellContent--overflowingContent"
                                              >
                                                -
                                              </div>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="euiModalFooter"
                              >
                                <button
                                  class="euiButton euiButton--primary euiButton--fill"
                                  type="button"
                                >
                                  <span
                                    class="euiButtonContent euiButton__content"
                                  >
                                    <span
                                      class="euiButton__text"
                                    >
                                      Close
                                    </span>
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      }
                      onActivation={[Function]}
                      onDeactivation={[Function]}
                      persistentFocus={false}
                      returnFocus={[Function]}
                      shards={Array []}
                      sideCar={
                        Object {
                          "assignMedium": [Function],
                          "assignSyncMedium": [Function],
                          "options": Object {
                            "async": true,
                            "ssr": false,
                          },
                          "read": [Function],
                          "useMedium": [Function],
                        }
                      }
                    >
                      <SideCar
                        autoFocus={true}
                        crossFrame={true}
                        disabled={false}
                        id={Object {}}
                        observed={
                          <div
                            data-focus-lock-disabled="false"
                          >
                            <div
                              class="euiModal"
                              style="max-width: 800px;"
                              tabindex="0"
                            >
                              <button
                                aria-label="Closes this modal window"
                                class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                                type="button"
                              >
                                <svg
                                  aria-hidden="true"
                                  class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
                                  focusable="false"
                                  height="16"
                                  role="img"
                                  viewBox="0 0 16 16"
                                  width="16"
                                  xmlns="http://www.w3.org/2000/svg"
                                />
                              </button>
                              <div
                                class="euiModal__flex"
                              >
                                <div
                                  class="euiModalHeader"
                                >
                                  <div
                                    class="euiModalHeader__title"
                                  >
                                    test header
                                  </div>
                                </div>
                                <div
                                  class="euiModalBody"
                                >
                                  <div
                                    class="euiModalBody__overflow"
                                  >
                                    <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="random_html_id"
                                          tabindex="-1"
                                        >
                                          <caption
                                            class="euiScreenReaderOnly euiTableCaption"
                                          />
                                          <thead>
                                            <tr>
                                              <th
                                                class="euiTableHeaderCell"
                                                data-test-subj="tableHeaderCell_key_0"
                                                role="columnheader"
                                                scope="col"
                                              >
                                                <span
                                                  class="euiTableCellContent"
                                                >
                                                  <span
                                                    class="euiTableCellContent__text"
                                                    title="Parameter"
                                                  >
                                                    Parameter
                                                  </span>
                                                </span>
                                              </th>
                                              <th
                                                class="euiTableHeaderCell"
                                                data-test-subj="tableHeaderCell_value_1"
                                                role="columnheader"
                                                scope="col"
                                              >
                                                <span
                                                  class="euiTableCellContent"
                                                >
                                                  <span
                                                    class="euiTableCellContent__text"
                                                    title="Value"
                                                  >
                                                    Value
                                                  </span>
                                                </span>
                                              </th>
                                            </tr>
                                          </thead>
                                          <tbody>
                                            <tr
                                              class="euiTableRow"
                                            >
                                              <td
                                                class="euiTableRowCell"
                                              >
                                                <div
                                                  class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                >
                                                  Parameter
                                                </div>
                                                <div
                                                  class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                >
                                                  test key
                                                </div>
                                              </td>
                                              <td
                                                class="euiTableRowCell"
                                              >
                                                <div
                                                  class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                >
                                                  Value
                                                </div>
                                                <div
                                                  class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                >
                                                  test value
                                                </div>
                                              </td>
                                            </tr>
                                            <tr
                                              class="euiTableRow"
                                            >
                                              <td
                                                class="euiTableRowCell"
                                              >
                                                <div
                                                  class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                >
                                                  Parameter
                                                </div>
                                                <div
                                                  class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                >
                                                  -
                                                </div>
                                              </td>
                                              <td
                                                class="euiTableRowCell"
                                              >
                                                <div
                                                  class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                >
                                                  Value
                                                </div>
                                                <div
                                                  class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                >
                                                  -
                                                </div>
                                              </td>
                                            </tr>
                                          </tbody>
                                        </table>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div
                                  class="euiModalFooter"
                                >
                                  <button
                                    class="euiButton euiButton--primary euiButton--fill"
                                    type="button"
                                  >
                                    <span
                                      class="euiButtonContent euiButton__content"
                                    >
                                      <span
                                        class="euiButton__text"
                                      >
                                        Close
                                      </span>
                                    </span>
                                  </button>
                                </div>
                              </div>
                            </div>
                          </div>
                        }
                        onActivation={[Function]}
                        onDeactivation={[Function]}
                        persistentFocus={false}
                        returnFocus={[Function]}
                        shards={Array []}
                        sideCar={
                          Object {
                            "assignMedium": [Function],
                            "assignSyncMedium": [Function],
                            "options": Object {
                              "async": true,
                              "ssr": false,
                            },
                            "read": [Function],
                            "useMedium": [Function],
                          }
                        }
                      >
                        <SideEffect(FocusWatcher)
                          autoFocus={true}
                          crossFrame={true}
                          disabled={false}
                          id={Object {}}
                          observed={
                            <div
                              data-focus-lock-disabled="false"
                            >
                              <div
                                class="euiModal"
                                style="max-width: 800px;"
                                tabindex="0"
                              >
                                <button
                                  aria-label="Closes this modal window"
                                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                                  type="button"
                                >
                                  <svg
                                    aria-hidden="true"
                                    class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
                                    focusable="false"
                                    height="16"
                                    role="img"
                                    viewBox="0 0 16 16"
                                    width="16"
                                    xmlns="http://www.w3.org/2000/svg"
                                  />
                                </button>
                                <div
                                  class="euiModal__flex"
                                >
                                  <div
                                    class="euiModalHeader"
                                  >
                                    <div
                                      class="euiModalHeader__title"
                                    >
                                      test header
                                    </div>
                                  </div>
                                  <div
                                    class="euiModalBody"
                                  >
                                    <div
                                      class="euiModalBody__overflow"
                                    >
                                      <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="random_html_id"
                                            tabindex="-1"
                                          >
                                            <caption
                                              class="euiScreenReaderOnly euiTableCaption"
                                            />
                                            <thead>
                                              <tr>
                                                <th
                                                  class="euiTableHeaderCell"
                                                  data-test-subj="tableHeaderCell_key_0"
                                                  role="columnheader"
                                                  scope="col"
                                                >
                                                  <span
                                                    class="euiTableCellContent"
                                                  >
                                                    <span
                                                      class="euiTableCellContent__text"
                                                      title="Parameter"
                                                    >
                                                      Parameter
                                                    </span>
                                                  </span>
                                                </th>
                                                <th
                                                  class="euiTableHeaderCell"
                                                  data-test-subj="tableHeaderCell_value_1"
                                                  role="columnheader"
                                                  scope="col"
                                                >
                                                  <span
                                                    class="euiTableCellContent"
                                                  >
                                                    <span
                                                      class="euiTableCellContent__text"
                                                      title="Value"
                                                    >
                                                      Value
                                                    </span>
                                                  </span>
                                                </th>
                                              </tr>
                                            </thead>
                                            <tbody>
                                              <tr
                                                class="euiTableRow"
                                              >
                                                <td
                                                  class="euiTableRowCell"
                                                >
                                                  <div
                                                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                  >
                                                    Parameter
                                                  </div>
                                                  <div
                                                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                  >
                                                    test key
                                                  </div>
                                                </td>
                                                <td
                                                  class="euiTableRowCell"
                                                >
                                                  <div
                                                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                  >
                                                    Value
                                                  </div>
                                                  <div
                                                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                  >
                                                    test value
                                                  </div>
                                                </td>
                                              </tr>
                                              <tr
                                                class="euiTableRow"
                                              >
                                                <td
                                                  class="euiTableRowCell"
                                                >
                                                  <div
                                                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                  >
                                                    Parameter
                                                  </div>
                                                  <div
                                                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                  >
                                                    -
                                                  </div>
                                                </td>
                                                <td
                                                  class="euiTableRowCell"
                                                >
                                                  <div
                                                    class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                  >
                                                    Value
                                                  </div>
                                                  <div
                                                    class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                  >
                                                    -
                                                  </div>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div
                                    class="euiModalFooter"
                                  >
                                    <button
                                      class="euiButton euiButton--primary euiButton--fill"
                                      type="button"
                                    >
                                      <span
                                        class="euiButtonContent euiButton__content"
                                      >
                                        <span
                                          class="euiButton__text"
                                        >
                                          Close
                                        </span>
                                      </span>
                                    </button>
                                  </div>
                                </div>
                              </div>
                            </div>
                          }
                          onActivation={[Function]}
                          onDeactivation={[Function]}
                          persistentFocus={false}
                          returnFocus={[Function]}
                          shards={Array []}
                        >
                          <FocusWatcher
                            autoFocus={true}
                            crossFrame={true}
                            disabled={false}
                            id={Object {}}
                            observed={
                              <div
                                data-focus-lock-disabled="false"
                              >
                                <div
                                  class="euiModal"
                                  style="max-width: 800px;"
                                  tabindex="0"
                                >
                                  <button
                                    aria-label="Closes this modal window"
                                    class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                                    type="button"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
                                      focusable="false"
                                      height="16"
                                      role="img"
                                      viewBox="0 0 16 16"
                                      width="16"
                                      xmlns="http://www.w3.org/2000/svg"
                                    />
                                  </button>
                                  <div
                                    class="euiModal__flex"
                                  >
                                    <div
                                      class="euiModalHeader"
                                    >
                                      <div
                                        class="euiModalHeader__title"
                                      >
                                        test header
                                      </div>
                                    </div>
                                    <div
                                      class="euiModalBody"
                                    >
                                      <div
                                        class="euiModalBody__overflow"
                                      >
                                        <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="random_html_id"
                                              tabindex="-1"
                                            >
                                              <caption
                                                class="euiScreenReaderOnly euiTableCaption"
                                              />
                                              <thead>
                                                <tr>
                                                  <th
                                                    class="euiTableHeaderCell"
                                                    data-test-subj="tableHeaderCell_key_0"
                                                    role="columnheader"
                                                    scope="col"
                                                  >
                                                    <span
                                                      class="euiTableCellContent"
                                                    >
                                                      <span
                                                        class="euiTableCellContent__text"
                                                        title="Parameter"
                                                      >
                                                        Parameter
                                                      </span>
                                                    </span>
                                                  </th>
                                                  <th
                                                    class="euiTableHeaderCell"
                                                    data-test-subj="tableHeaderCell_value_1"
                                                    role="columnheader"
                                                    scope="col"
                                                  >
                                                    <span
                                                      class="euiTableCellContent"
                                                    >
                                                      <span
                                                        class="euiTableCellContent__text"
                                                        title="Value"
                                                      >
                                                        Value
                                                      </span>
                                                    </span>
                                                  </th>
                                                </tr>
                                              </thead>
                                              <tbody>
                                                <tr
                                                  class="euiTableRow"
                                                >
                                                  <td
                                                    class="euiTableRowCell"
                                                  >
                                                    <div
                                                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                    >
                                                      Parameter
                                                    </div>
                                                    <div
                                                      class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                    >
                                                      test key
                                                    </div>
                                                  </td>
                                                  <td
                                                    class="euiTableRowCell"
                                                  >
                                                    <div
                                                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                    >
                                                      Value
                                                    </div>
                                                    <div
                                                      class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                    >
                                                      test value
                                                    </div>
                                                  </td>
                                                </tr>
                                                <tr
                                                  class="euiTableRow"
                                                >
                                                  <td
                                                    class="euiTableRowCell"
                                                  >
                                                    <div
                                                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                    >
                                                      Parameter
                                                    </div>
                                                    <div
                                                      class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                    >
                                                      -
                                                    </div>
                                                  </td>
                                                  <td
                                                    class="euiTableRowCell"
                                                  >
                                                    <div
                                                      class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                    >
                                                      Value
                                                    </div>
                                                    <div
                                                      class="euiTableCellContent euiTableCellContent--overflowingContent"
                                                    >
                                                      -
                                                    </div>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div
                                      class="euiModalFooter"
                                    >
                                      <button
                                        class="euiButton euiButton--primary euiButton--fill"
                                        type="button"
                                      >
                                        <span
                                          class="euiButtonContent euiButton__content"
                                        >
                                          <span
                                            class="euiButton__text"
                                          >
                                            Close
                                          </span>
                                        </span>
                                      </button>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            }
                            onActivation={[Function]}
                            onDeactivation={[Function]}
                            persistentFocus={false}
                            returnFocus={[Function]}
                            shards={Array []}
                          />
                        </SideEffect(FocusWatcher)>
                      </SideCar>
                    </RequireSideCar>
                    <ForwardRef
                      data-focus-lock-disabled={false}
                      enabled={false}
                      inert={false}
                      onBlur={[Function]}
                      onFocus={[Function]}
                      onMouseDown={[Function]}
                      onTouchStart={[Function]}
                      removeScrollBar={true}
                      sideCar={[Function]}
                    >
                      <div
                        data-focus-lock-disabled={false}
                        onBlur={[Function]}
                        onFocus={[Function]}
                        onMouseDown={[Function]}
                        onScrollCapture={[Function]}
                        onTouchMoveCapture={[Function]}
                        onTouchStart={[Function]}
                        onWheelCapture={[Function]}
                      >
                        <div
                          className="euiModal"
                          onKeyDown={[Function]}
                          style={
                            Object {
                              "maxWidth": "800px",
                            }
                          }
                          tabIndex={0}
                        >
                          <EuiI18n
                            default="Closes this modal window"
                            token="euiModal.closeModal"
                          >
                            <EuiButtonIcon
                              aria-label="Closes this modal window"
                              className="euiModal__closeIcon"
                              color="text"
                              iconType="cross"
                              onClick={[MockFunction]}
                            >
                              <button
                                aria-label="Closes this modal window"
                                className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                                disabled={false}
                                onClick={[MockFunction]}
                                type="button"
                              >
                                <EuiIcon
                                  aria-hidden="true"
                                  className="euiButtonIcon__icon"
                                  color="inherit"
                                  size="m"
                                  type="cross"
                                >
                                  <EuiIconEmpty
                                    aria-hidden={true}
                                    className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
                                    focusable="false"
                                    role="img"
                                    style={null}
                                  >
                                    <svg
                                      aria-hidden={true}
                                      className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
                                      focusable="false"
                                      height={16}
                                      role="img"
                                      style={null}
                                      viewBox="0 0 16 16"
                                      width={16}
                                      xmlns="http://www.w3.org/2000/svg"
                                    />
                                  </EuiIconEmpty>
                                </EuiIcon>
                              </button>
                            </EuiButtonIcon>
                          </EuiI18n>
                          <div
                            className="euiModal__flex"
                          >
                            <EuiModalHeader>
                              <div
                                className="euiModalHeader"
                              >
                                <EuiModalHeaderTitle>
                                  <div
                                    className="euiModalHeader__title"
                                  >
                                    test header
                                  </div>
                                </EuiModalHeaderTitle>
                              </div>
                            </EuiModalHeader>
                            <EuiModalBody>
                              <div
                                className="euiModalBody"
                              >
                                <div
                                  className="euiModalBody__overflow"
                                >
                                  <EuiInMemoryTable
                                    columns={
                                      Array [
                                        Object {
                                          "align": "left",
                                          "field": "key",
                                          "name": "Parameter",
                                          "render": [Function],
                                          "truncateText": false,
                                        },
                                        Object {
                                          "align": "left",
                                          "field": "value",
                                          "name": "Value",
                                          "render": [Function],
                                          "truncateText": false,
                                        },
                                      ]
                                    }
                                    items={
                                      Array [
                                        Object {
                                          "key": "test key",
                                          "value": "test value",
                                        },
                                        Object {
                                          "key": null,
                                          "value": "",
                                        },
                                      ]
                                    }
                                    responsive={true}
                                    tableLayout="fixed"
                                  >
                                    <EuiBasicTable
                                      columns={
                                        Array [
                                          Object {
                                            "align": "left",
                                            "field": "key",
                                            "name": "Parameter",
                                            "render": [Function],
                                            "truncateText": false,
                                          },
                                          Object {
                                            "align": "left",
                                            "field": "value",
                                            "name": "Value",
                                            "render": [Function],
                                            "truncateText": false,
                                          },
                                        ]
                                      }
                                      items={
                                        Array [
                                          Object {
                                            "key": "test key",
                                            "value": "test value",
                                          },
                                          Object {
                                            "key": null,
                                            "value": "",
                                          },
                                        ]
                                      }
                                      noItemsMessage="No items found"
                                      onChange={[Function]}
                                      responsive={true}
                                      tableLayout="fixed"
                                    >
                                      <div
                                        className="euiBasicTable"
                                      >
                                        <div>
                                          <EuiTableHeaderMobile>
                                            <div
                                              className="euiTableHeaderMobile"
                                            >
                                              <EuiFlexGroup
                                                alignItems="baseline"
                                                justifyContent="spaceBetween"
                                                responsive={false}
                                              >
                                                <div
                                                  className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
                                                >
                                                  <EuiFlexItem
                                                    grow={false}
                                                  >
                                                    <div
                                                      className="euiFlexItem euiFlexItem--flexGrowZero"
                                                    />
                                                  </EuiFlexItem>
                                                  <EuiFlexItem
                                                    grow={false}
                                                  >
                                                    <div
                                                      className="euiFlexItem euiFlexItem--flexGrowZero"
                                                    />
                                                  </EuiFlexItem>
                                                </div>
                                              </EuiFlexGroup>
                                            </div>
                                          </EuiTableHeaderMobile>
                                          <EuiTable
                                            id="random_html_id"
                                            responsive={true}
                                            tableLayout="fixed"
                                          >
                                            <table
                                              className="euiTable euiTable--responsive"
                                              id="random_html_id"
                                              tabIndex={-1}
                                            >
                                              <EuiScreenReaderOnly>
                                                <caption
                                                  className="euiScreenReaderOnly euiTableCaption"
                                                >
                                                  <EuiDelayRender
                                                    delay={500}
                                                  />
                                                </caption>
                                              </EuiScreenReaderOnly>
                                              <EuiTableHeader>
                                                <thead>
                                                  <tr>
                                                    <EuiTableHeaderCell
                                                      align="left"
                                                      data-test-subj="tableHeaderCell_key_0"
                                                      key="_data_h_key_0"
                                                    >
                                                      <th
                                                        className="euiTableHeaderCell"
                                                        data-test-subj="tableHeaderCell_key_0"
                                                        role="columnheader"
                                                        scope="col"
                                                        style={
                                                          Object {
                                                            "width": undefined,
                                                          }
                                                        }
                                                      >
                                                        <CellContents
                                                          className="euiTableCellContent"
                                                          showSortMsg={false}
                                                        >
                                                          <span
                                                            className="euiTableCellContent"
                                                          >
                                                            <EuiInnerText>
                                                              <EuiI18n
                                                                default="{innerText}; {description}"
                                                                token="euiTableHeaderCell.titleTextWithDesc"
                                                                values={
                                                                  Object {
                                                                    "description": undefined,
                                                                    "innerText": "Parameter",
                                                                  }
                                                                }
                                                              >
                                                                <span
                                                                  className="euiTableCellContent__text"
                                                                  title="Parameter"
                                                                >
                                                                  Parameter
                                                                </span>
                                                              </EuiI18n>
                                                            </EuiInnerText>
                                                          </span>
                                                        </CellContents>
                                                      </th>
                                                    </EuiTableHeaderCell>
                                                    <EuiTableHeaderCell
                                                      align="left"
                                                      data-test-subj="tableHeaderCell_value_1"
                                                      key="_data_h_value_1"
                                                    >
                                                      <th
                                                        className="euiTableHeaderCell"
                                                        data-test-subj="tableHeaderCell_value_1"
                                                        role="columnheader"
                                                        scope="col"
                                                        style={
                                                          Object {
                                                            "width": undefined,
                                                          }
                                                        }
                                                      >
                                                        <CellContents
                                                          className="euiTableCellContent"
                                                          showSortMsg={false}
                                                        >
                                                          <span
                                                            className="euiTableCellContent"
                                                          >
                                                            <EuiInnerText>
                                                              <EuiI18n
                                                                default="{innerText}; {description}"
                                                                token="euiTableHeaderCell.titleTextWithDesc"
                                                                values={
                                                                  Object {
                                                                    "description": undefined,
                                                                    "innerText": "Value",
                                                                  }
                                                                }
                                                              >
                                                                <span
                                                                  className="euiTableCellContent__text"
                                                                  title="Value"
                                                                >
                                                                  Value
                                                                </span>
                                                              </EuiI18n>
                                                            </EuiInnerText>
                                                          </span>
                                                        </CellContents>
                                                      </th>
                                                    </EuiTableHeaderCell>
                                                  </tr>
                                                </thead>
                                              </EuiTableHeader>
                                              <EuiTableBody
                                                bodyRef={[Function]}
                                              >
                                                <tbody>
                                                  <EuiTableRow
                                                    isSelected={false}
                                                  >
                                                    <tr
                                                      className="euiTableRow"
                                                    >
                                                      <EuiTableRowCell
                                                        align="left"
                                                        key="_data_column_key_0_0"
                                                        mobileOptions={
                                                          Object {
                                                            "header": "Parameter",
                                                            "render": undefined,
                                                          }
                                                        }
                                                        setScopeRow={false}
                                                        textOnly={false}
                                                        truncateText={false}
                                                      >
                                                        <td
                                                          className="euiTableRowCell"
                                                          style={
                                                            Object {
                                                              "width": undefined,
                                                            }
                                                          }
                                                        >
                                                          <div
                                                            className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                          >
                                                            Parameter
                                                          </div>
                                                          <div
                                                            className="euiTableCellContent euiTableCellContent--overflowingContent"
                                                          >
                                                            test key
                                                          </div>
                                                        </td>
                                                      </EuiTableRowCell>
                                                      <EuiTableRowCell
                                                        align="left"
                                                        key="_data_column_value_0_1"
                                                        mobileOptions={
                                                          Object {
                                                            "header": "Value",
                                                            "render": undefined,
                                                          }
                                                        }
                                                        setScopeRow={false}
                                                        textOnly={false}
                                                        truncateText={false}
                                                      >
                                                        <td
                                                          className="euiTableRowCell"
                                                          style={
                                                            Object {
                                                              "width": undefined,
                                                            }
                                                          }
                                                        >
                                                          <div
                                                            className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                          >
                                                            Value
                                                          </div>
                                                          <div
                                                            className="euiTableCellContent euiTableCellContent--overflowingContent"
                                                          >
                                                            test value
                                                          </div>
                                                        </td>
                                                      </EuiTableRowCell>
                                                    </tr>
                                                  </EuiTableRow>
                                                  <EuiTableRow
                                                    isSelected={false}
                                                  >
                                                    <tr
                                                      className="euiTableRow"
                                                    >
                                                      <EuiTableRowCell
                                                        align="left"
                                                        key="_data_column_key_1_0"
                                                        mobileOptions={
                                                          Object {
                                                            "header": "Parameter",
                                                            "render": undefined,
                                                          }
                                                        }
                                                        setScopeRow={false}
                                                        textOnly={false}
                                                        truncateText={false}
                                                      >
                                                        <td
                                                          className="euiTableRowCell"
                                                          style={
                                                            Object {
                                                              "width": undefined,
                                                            }
                                                          }
                                                        >
                                                          <div
                                                            className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                          >
                                                            Parameter
                                                          </div>
                                                          <div
                                                            className="euiTableCellContent euiTableCellContent--overflowingContent"
                                                          >
                                                            -
                                                          </div>
                                                        </td>
                                                      </EuiTableRowCell>
                                                      <EuiTableRowCell
                                                        align="left"
                                                        key="_data_column_value_1_1"
                                                        mobileOptions={
                                                          Object {
                                                            "header": "Value",
                                                            "render": undefined,
                                                          }
                                                        }
                                                        setScopeRow={false}
                                                        textOnly={false}
                                                        truncateText={false}
                                                      >
                                                        <td
                                                          className="euiTableRowCell"
                                                          style={
                                                            Object {
                                                              "width": undefined,
                                                            }
                                                          }
                                                        >
                                                          <div
                                                            className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
                                                          >
                                                            Value
                                                          </div>
                                                          <div
                                                            className="euiTableCellContent euiTableCellContent--overflowingContent"
                                                          >
                                                            -
                                                          </div>
                                                        </td>
                                                      </EuiTableRowCell>
                                                    </tr>
                                                  </EuiTableRow>
                                                </tbody>
                                              </EuiTableBody>
                                            </table>
                                          </EuiTable>
                                        </div>
                                      </div>
                                    </EuiBasicTable>
                                  </EuiInMemoryTable>
                                </div>
                              </div>
                            </EuiModalBody>
                            <EuiModalFooter>
                              <div
                                className="euiModalFooter"
                              >
                                <EuiButton
                                  fill={true}
                                  onClick={[MockFunction]}
                                >
                                  <EuiButtonDisplay
                                    baseClassName="euiButton"
                                    disabled={false}
                                    element="button"
                                    fill={true}
                                    isDisabled={false}
                                    onClick={[MockFunction]}
                                    type="button"
                                  >
                                    <button
                                      className="euiButton euiButton--primary euiButton--fill"
                                      disabled={false}
                                      onClick={[MockFunction]}
                                      style={
                                        Object {
                                          "minWidth": undefined,
                                        }
                                      }
                                      type="button"
                                    >
                                      <EuiButtonContent
                                        className="euiButton__content"
                                        iconSide="left"
                                        textProps={
                                          Object {
                                            "className": "euiButton__text",
                                          }
                                        }
                                      >
                                        <span
                                          className="euiButtonContent euiButton__content"
                                        >
                                          <span
                                            className="euiButton__text"
                                          >
                                            Close
                                          </span>
                                        </span>
                                      </EuiButtonContent>
                                    </button>
                                  </EuiButtonDisplay>
                                </EuiButton>
                              </div>
                            </EuiModalFooter>
                          </div>
                        </div>
                      </div>
                    </ForwardRef>
                    <div
                      data-focus-guard={true}
                      style={
                        Object {
                          "height": "0px",
                          "left": "1px",
                          "overflow": "hidden",
                          "padding": 0,
                          "position": "fixed",
                          "top": "1px",
                          "width": "1px",
                        }
                      }
                      tabIndex={0}
                    />
                  </ForwardRef(FocusLockUI)>
                  <RequireSideCar
                    noIsolation={true}
                    onClickOutside={[Function]}
                    setLockProps={[Function]}
                    sideCar={
                      Object {
                        "assignMedium": [Function],
                        "assignSyncMedium": [Function],
                        "options": Object {
                          "async": true,
                          "ssr": false,
                        },
                        "read": [Function],
                        "useMedium": [Function],
                      }
                    }
                  >
                    <SideCar
                      noIsolation={true}
                      onClickOutside={[Function]}
                      setLockProps={[Function]}
                      sideCar={
                        Object {
                          "assignMedium": [Function],
                          "assignSyncMedium": [Function],
                          "options": Object {
                            "async": true,
                            "ssr": false,
                          },
                          "read": [Function],
                          "useMedium": [Function],
                        }
                      }
                    >
                      <Effect
                        noIsolation={true}
                        onClickOutside={[Function]}
                        setLockProps={[Function]}
                      >
                        <Component>
                          <Sheet
                            styles="
 [data-focus-on-hidden] {
   pointer-events: none !important;
 }
"
                          />
                        </Component>
                      </Effect>
                    </SideCar>
                  </RequireSideCar>
                </ForwardRef>
              </ForwardRef>
            </EuiFocusTrap>
          </Portal>
        </EuiOverlayMask>
      </EuiModal>
    </Portal>
  </EuiOverlayMask>
</DetailsTableModal>
`;