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

exports[`Search index creates snapshot 1`] = `
<DocumentFragment>
  <nav
    class="navbar navbar-expand-sm navbar h-auto subnavbar"
    role="navigation"
  >
    <div
      class="container-lg px-sm-4 px-lg-0 d-flex align-items-center justify-content-between flex-nowrap"
    >
      <div
        class="d-flex flex-column w-100"
      >
        <div
          class="d-flex align-items-center justify-content-between flex-nowrap"
        >
          <div
            class="d-flex align-items-center text-truncate w-100"
          />
          <div
            class="ms-3"
          >
            <div
              class="d-flex flex-row"
            >
              <div
                class="d-flex flex-nowrap align-items-center"
              >
                <label
                  class="form-label d-none d-sm-inline mb-0"
                >
                  Sort:
                </label>
                <select
                  aria-label="sort-options"
                  class="form-select form-select-sm ms-2 select"
                  disabled=""
                >
                  <option
                    value="relevance"
                  >
                    Relevance
                  </option>
                  <option
                    value="stars"
                  >
                    Stars
                  </option>
                  ;
                </select>
              </div>
              <div
                class="d-none d-sm-flex"
              >
                <div
                  class="d-flex flex-nowrap align-items-center ms-3"
                >
                  <label
                    class="form-label me-2 mb-0"
                  >
                    Show:
                  </label>
                  <select
                    aria-label="pagination-limit"
                    class="form-select form-select-sm pe-2 select"
                    disabled=""
                  >
                    <option
                      value="20"
                    >
                      20
                    </option>
                    <option
                      value="40"
                    >
                      40
                    </option>
                    <option
                      value="60"
                    >
                      60
                    </option>
                    ;
                  </select>
                </div>
              </div>
              <div
                class="d-none d-md-block position-relative ms-3"
              >
                <button
                  aria-expanded="false"
                  aria-label="Show menu"
                  class="btn btn-outline-primary rounded-circle p-0 position-relative lh-1 iconWrapper"
                  type="button"
                >
                  <svg
                    fill="currentColor"
                    height="1em"
                    stroke="currentColor"
                    stroke-width="0"
                    viewBox="0 0 20 20"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
                    />
                  </svg>
                </button>
                <div
                  class="dropdown-menu dropdown-menu-end p-0 dropdown"
                  role="menu"
                >
                  <div
                    class="dropdown-arrow arrow"
                  />
                  <button
                    aria-label="Open embed results modal"
                    class="dropdown-item btn btn-sm rounded-0 text-dark"
                  >
                    <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="M8.293 6.293 2.586 12l5.707 5.707 1.414-1.414L5.414 12l4.293-4.293zm7.414 11.414L21.414 12l-5.707-5.707-1.414 1.414L18.586 12l-4.293 4.293z"
                        />
                      </svg>
                      <div>
                        Embed results
                      </div>
                    </div>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </nav>
  <div
    class="d-flex position-relative pt-3 pb-3 flex-grow-1"
  >
    <div
      class="position-absolute top-0 bottom-0 start-0 end-0 p-5 wrapper"
    >
      <div
        class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
      >
        <div
          class="spinner-border text-primary spinner position-fixed top-50"
          role="status"
        >
          <span
            class="visually-hidden"
          >
            Loading...
          </span>
        </div>
      </div>
    </div>
    <main
      class="container-lg px-sm-4 px-lg-0 d-flex flex-row justify-content-between"
      role="main"
    >
      <div
        class="flex-grow-1 mt-3 px-xs-0 px-sm-3 px-lg-0 list emptyList"
      />
    </main>
  </div>
  <footer
    class="position-relative text-white footer invisibleFooter"
    role="contentinfo"
  >
    <div
      class="mainFooter"
    >
      <div
        class="container-lg px-4 invisible"
      >
        <div
          class="d-flex flex-row flex-wrap align-items-stretch justify-content-between footerContent"
        >
          <div>
            <div
              class="h6 fw-bold text-uppercase"
            >
              Project
            </div>
            <div
              class="d-flex flex-column text-start"
            >
              <a
                aria-label="Open documentation"
                class="link mb-1 link"
                href="/docs"
                rel="noopener noreferrer"
                role="button"
                tabindex="-1"
                target="_self"
              >
                Documentation
              </a>
              <a
                aria-label="Open blog"
                class="link mb-1 link"
                href="https://blog.artifacthub.io/blog/"
                rel="noopener noreferrer"
                role="button"
                tabindex="-1"
                target="_blank"
              >
                Blog
              </a>
              <a
                class="mb-1 link"
                href="/stats"
              >
                Statistics
              </a>
            </div>
          </div>
          <div>
            <div
              class="h6 fw-bold text-uppercase"
            >
              Community
            </div>
            <div
              class="d-flex flex-column text-start"
            >
              <a
                aria-label="Open GitHub"
                class="link mb-1 link"
                href="https://github.com/artifacthub/hub"
                rel="noopener noreferrer"
                role="button"
                tabindex="-1"
                target="_blank"
              >
                <div
                  class="d-flex align-items-center"
                >
                  <svg
                    class="me-2"
                    fill="currentColor"
                    height="1em"
                    stroke="currentColor"
                    stroke-width="0"
                    viewBox="0 0 496 512"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
                    />
                  </svg>
                  GitHub
                </div>
              </a>
              <a
                aria-label="Open Slack channel"
                class="link mb-1 link"
                href="https://cloud-native.slack.com/channels/artifact-hub"
                rel="noopener noreferrer"
                role="button"
                tabindex="-1"
                target="_blank"
              >
                <div
                  class="d-flex align-items-center"
                >
                  <svg
                    class="me-2"
                    fill="currentColor"
                    height="1em"
                    stroke="currentColor"
                    stroke-width="0"
                    viewBox="0 0 448 512"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M94.12 315.1c0 25.9-21.16 47.06-47.06 47.06S0 341 0 315.1c0-25.9 21.16-47.06 47.06-47.06h47.06v47.06zm23.72 0c0-25.9 21.16-47.06 47.06-47.06s47.06 21.16 47.06 47.06v117.84c0 25.9-21.16 47.06-47.06 47.06s-47.06-21.16-47.06-47.06V315.1zm47.06-188.98c-25.9 0-47.06-21.16-47.06-47.06S139 32 164.9 32s47.06 21.16 47.06 47.06v47.06H164.9zm0 23.72c25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06H47.06C21.16 243.96 0 222.8 0 196.9s21.16-47.06 47.06-47.06H164.9zm188.98 47.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06h-47.06V196.9zm-23.72 0c0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06V79.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06V196.9zM283.1 385.88c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06v-47.06h47.06zm0-23.72c-25.9 0-47.06-21.16-47.06-47.06 0-25.9 21.16-47.06 47.06-47.06h117.84c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06H283.1z"
                    />
                  </svg>
                  Slack
                </div>
              </a>
              <a
                aria-label="Open Twitter"
                class="link mb-1 link"
                href="https://twitter.com/cncfartifacthub"
                rel="noopener noreferrer"
                role="button"
                tabindex="-1"
                target="_blank"
              >
                <div
                  class="d-flex align-items-center"
                >
                  <svg
                    class="me-2"
                    fill="currentColor"
                    height="1em"
                    stroke="currentColor"
                    stroke-width="0"
                    viewBox="0 0 512 512"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
                    />
                  </svg>
                  Twitter
                </div>
              </a>
            </div>
          </div>
          <div
            class="fullMobileSection"
          >
            <div
              class="h6 fw-bold text-uppercase"
            >
              About
            </div>
            <div
              class="copyrightContent"
            >
              Artifact Hub is an 
              <b
                class="d-inline-block"
              >
                Open Source
              </b>
               project licensed under the 
              <a
                aria-label="Open Apache License 2.0 documentation"
                class="link d-inline-block mb-1 linkInText"
                href="https://www.apache.org/licenses/LICENSE-2.0"
                rel="noopener noreferrer"
                role="button"
                tabindex="-1"
                target="_blank"
              >
                <div
                  class="d-flex align-items-center"
                >
                  Apache License 2.0
                  <span
                    class="smallIcon"
                  >
                    <svg
                      class="ms-1"
                      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="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
                      />
                      <polyline
                        points="15 3 21 3 21 9"
                      />
                      <line
                        x1="10"
                        x2="21"
                        y1="14"
                        y2="3"
                      />
                    </svg>
                  </span>
                </div>
              </a>
            </div>
          </div>
          <div
            class="ms-0 ms-lg-auto mt-3 mt-lg-0 text-center fullMobileSection"
          >
            <div
              class="d-flex flex-column align-items-center h-100"
            >
              <div
                class="hexagon"
              >
                <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"
                >
                  <path
                    d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
                  />
                </svg>
              </div>
              <div
                class="mt-2 mt-lg-4"
              >
                <small>
                  <span
                    class="d-none d-sm-inline me-1"
                  >
                    Copyright
                  </span>
                  © The Artifact Hub Authors
                </small>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="text-center py-2 px-3 px-md-4 trademark trademark"
    >
      <small
        class="opacity-75"
      >
        © 2022 
        <a
          aria-label="Open external link"
          class="link opacity-100 text-white"
          href="https://linuxfoundation.org/"
          rel="noopener noreferrer"
          role="button"
          tabindex="-1"
          target="_blank"
        >
          The Linux Foundation
        </a>
        . All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our 
        <a
          aria-label="Open external link"
          class="link opacity-100 text-white"
          href="https://linuxfoundation.org/trademark-usage"
          rel="noopener noreferrer"
          role="button"
          tabindex="-1"
          target="_blank"
        >
          Trademark Usage
        </a>
         page.
      </small>
    </div>
  </footer>
</DocumentFragment>
`;
