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

exports[`HelmInstall creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="position-relative undefined"
  >
    <div
      data-testid="elementWithTooltip"
    >
      <button
        aria-disabled="false"
        aria-label="Open installation modal"
        class="btn fw-bold text-uppercase position-relative btn-outline-secondary btn-sm text-nowrap w-100"
        type="button"
      >
        <div
          class="d-flex align-items-center justify-content-center"
        >
          <svg
            class="me-2"
            fill="none"
            height="1em"
            stroke="currentColor"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
            />
            <polyline
              points="7 10 12 15 17 10"
            />
            <line
              x1="12"
              x2="12"
              y1="15"
              y2="3"
            />
          </svg>
          <span>
            Install
          </span>
        </div>
      </button>
    </div>
  </div>
  <div>
    <div
      class="modal-backdrop activeBackdrop"
      data-testid="modalBackdrop"
    />
    <div
      aria-modal="true"
      class="modal modal active d-block"
      role="dialog"
    >
      <div
        class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
      >
        <div
          class="modal-content border border-3 mx-auto content"
        >
          <div
            class="modal-header d-flex flex-row align-items-center header undefined"
          >
            <div
              class="d-flex align-items-center flex-grow-1"
            >
              <div
                class="d-flex align-items-center justify-content-center overflow-hidden imageWrapper"
              >
                <img
                  alt="Pretty name"
                  aria-hidden="true"
                  class="image"
                  src="/image/imageId"
                  srcset="/image/imageId@1x 1x, /image/imageId@2x 2x, /image/imageId@3x 3x, /image/imageId@4x 4x"
                />
              </div>
              <div
                class="ms-3 flex-grow-1"
              >
                <div
                  class="h5 mb-0"
                >
                  Pretty name
                </div>
              </div>
            </div>
            <button
              aria-label="Close"
              class="btn-close"
              type="button"
            />
          </div>
          <div
            class="modal-body p-4 h-100 d-flex flex-column"
          >
            <div
              class="alert alert-warning mt-1 mb-4"
              role="alert"
            >
              This package version is a 
              <span
                class="fw-bold"
              >
                pre-release
              </span>
               and it is not ready for production use.
            </div>
            <div>
              <ul
                class="nav nav-tabs tabs"
              >
                <li
                  class="nav-item"
                >
                  <button
                    aria-label="Open tab v3"
                    class="btn nav-item btn active btn-primary active"
                  >
                    <span
                      class="d-none d-sm-block"
                    >
                      Helm v3
                    </span>
                    <span
                      class="d-block d-sm-none"
                    >
                      Helm v3
                    </span>
                  </button>
                </li>
                <li
                  class="nav-item"
                >
                  <button
                    aria-label="Open tab v2"
                    class="btn nav-item btn"
                  >
                    <span
                      class="d-none d-sm-block"
                    >
                      Helm v2
                    </span>
                    <span
                      class="d-block d-sm-none"
                    >
                      Helm v2
                    </span>
                  </button>
                </li>
              </ul>
            </div>
            <div
              class="tab-content mt-3"
            >
              <div
                class="tab-pane fade show active"
              >
                <div
                  class="my-2"
                >
                  <small
                    class="text-muted mt-2 mb-1"
                  >
                    Add repository
                  </small>
                </div>
                <div
                  class="d-flex align-items-start"
                >
                  <div
                    class="flex-grow-1 me-3 blockWrapper"
                  >
                    <pre
                      style="display: block; overflow-x: auto; padding: 0.5em; color: rgb(0, 0, 0); background: rgb(248, 248, 255);"
                    >
                      <code
                        class="language-bash"
                        style="white-space: pre;"
                      >
                        <span>
                           
                        </span>
                      </code>
                    </pre>
                  </div>
                  <div>
                    <div
                      class="position-relative undefined"
                    >
                      <button
                        aria-label="Copy command to clipboard"
                        class="btn btn-sm btn-primary copyBtn undefined"
                        type="button"
                      >
                        <div
                          aria-hidden="true"
                          class="d-flex flex-row align-items-center"
                        >
                          <svg
                            fill="none"
                            height="1em"
                            stroke="currentColor"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-width="2"
                            viewBox="0 0 24 24"
                            width="1em"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <rect
                              height="13"
                              rx="2"
                              ry="2"
                              width="13"
                              x="9"
                              y="9"
                            />
                            <path
                              d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                            />
                          </svg>
                        </div>
                      </button>
                    </div>
                  </div>
                </div>
                <div
                  class="my-2"
                >
                  <small
                    class="text-muted mt-2 mb-1"
                  >
                    Install chart
                  </small>
                </div>
                <div
                  class="d-flex align-items-start"
                >
                  <div
                    class="flex-grow-1 me-3 blockWrapper"
                  >
                    <pre
                      style="display: block; overflow-x: auto; padding: 0.5em; color: rgb(0, 0, 0); background: rgb(248, 248, 255);"
                    >
                      <code
                        class="language-bash"
                        style="white-space: pre;"
                      >
                        <span>
                           
                        </span>
                      </code>
                    </pre>
                  </div>
                  <div>
                    <div
                      class="position-relative undefined"
                    >
                      <button
                        aria-label="Copy command to clipboard"
                        class="btn btn-sm btn-primary copyBtn undefined"
                        type="button"
                      >
                        <div
                          aria-hidden="true"
                          class="d-flex flex-row align-items-center"
                        >
                          <svg
                            fill="none"
                            height="1em"
                            stroke="currentColor"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-width="2"
                            viewBox="0 0 24 24"
                            width="1em"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <rect
                              height="13"
                              rx="2"
                              ry="2"
                              width="13"
                              x="9"
                              y="9"
                            />
                            <path
                              d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                            />
                          </svg>
                        </div>
                      </button>
                    </div>
                  </div>
                </div>
                <div
                  class="fst-italic text-muted legend"
                >
                  <span
                    class="fw-bold"
                  >
                    my-test
                  </span>
                   corresponds to the release name, feel free to change it to suit your needs. You can also add additional flags to the 
                  <span
                    class="fw-bold"
                  >
                    helm install
                  </span>
                   command if you need to.
                </div>
                <div
                  class="mt-2"
                >
                  <a
                    aria-label="Download Helm"
                    class="link btn btn-link ps-0"
                    href="https://helm.sh/docs/intro/quickstart/"
                    rel="noopener noreferrer"
                    role="button"
                    tabindex="-1"
                    target="_blank"
                  >
                    Need Helm?
                  </a>
                </div>
              </div>
            </div>
            <div>
              <div
                class="overflow-hidden alertWrapper"
                data-testid="alertWrapper"
              />
            </div>
          </div>
          <div
            class="modal-footer p-3 undefined"
          >
            <button
              aria-label="Close modal"
              class="btn btn-sm btn-outline-secondary text-uppercase"
              type="button"
            >
              <div
                class="d-flex flex-row align-items-center"
              >
                <svg
                  class="me-2"
                  fill="currentColor"
                  height="1em"
                  stroke="currentColor"
                  stroke-width="0"
                  viewBox="0 0 24 24"
                  width="1em"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M0 0h24v24H0z"
                    fill="none"
                  />
                  <path
                    d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                  />
                </svg>
                <div>
                  Close
                </div>
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
