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

exports[`Navbar creates snapshot 1`] = `
<DocumentFragment>
  <nav
    class="navbar navbar-top navbar-expand-lg navbar-dark border-top-0 p-2 p-sm-3 navbar bg-transparent w-100 position-absolute homeNavbar"
  >
    <div
      class="container-lg px-0 px-sm-4 px-lg-0"
    >
      <div
        class="d-flex flex-row ps-1 ps-sm-0 pe-1 mobileWrapper"
      >
        <a
          class="navbar-brand d-flex align-items-center"
          data-testid="brandLink"
          href="/"
        >
          <div
            class="d-flex align-items-start"
          >
            <img
              alt="Logo null"
              class="w-auto logo"
            />
          </div>
        </a>
        <div />
      </div>
      <div
        class="collapse navbar-collapse"
        id="navbarNav"
      >
        <ul
          class="navbar-nav align-items-center ms-auto"
        >
          <li
            class="nav-item ms-4 position-relative"
          >
            <a
              aria-label="Open documentation"
              class="link btn navbarBtn ps-0 pe-0 fw-bold text-uppercase position-relative text-nowrap text-decoration-none text-white button"
              href="/docs"
              rel="noopener noreferrer"
              role="button"
              tabindex="-1"
              target="_self"
            >
              Docs
            </a>
          </li>
          <li
            class="nav-item ms-4 position-relative"
          >
            <a
              class="btn navbarBtn ps-0 pe-0 fw-bold text-uppercase position-relative text-nowrap text-decoration-none text-white button"
              href="/stats"
            >
              Stats
            </a>
          </li>
          <li
            class="nav-item ms-4 position-relative"
          >
            <div
              class="btn-group"
            >
              <button
                aria-label="Open menu"
                class="btn p-0 position-relative btn"
                type="button"
              >
                <div
                  class="d-flex flex-row align-items-center justify-content-center"
                >
                  <div
                    class="rounded-circle d-flex align-items-center justify-content-center textLight userAuth overflow-hidden position-relative border border-2 overflow-hidden lh-1 fs-5 bg-white imageWrapper iconWrapper"
                  >
                    <svg
                      class="rounded-circle"
                      data-testid="profileIcon"
                      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="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"
                      />
                    </svg>
                  </div>
                  <small
                    class="ms-1 textLight"
                  >
                    <svg
                      fill="currentColor"
                      height="1em"
                      stroke="currentColor"
                      stroke-width="0"
                      viewBox="0 0 320 512"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
                      />
                    </svg>
                  </small>
                </div>
              </button>
              <div
                class="dropdown-menu dropdown-menu-end dropdown"
              >
                <div
                  class="dropdown-arrow arrow"
                />
                <p
                  class="mt-2 mb-0 text-break signedInText"
                >
                  Signed in as 
                  <span
                    class="fw-bold"
                  >
                    test
                  </span>
                </p>
                <div
                  class="dropdown-divider my-3"
                />
                <div
                  class="mt-2 mb-1 undefined"
                  data-testid="smallTitle"
                >
                  <small
                    class="card-title text-muted text-uppercase"
                  >
                    <span
                      aria-level="5"
                      class="px-4"
                      role="heading"
                    >
                      Theme
                    </span>
                  </small>
                </div>
                <div
                  data-testid="themeOptions"
                >
                  <div
                    class="dropdown-item"
                  >
                    <div
                      class="form-check"
                    >
                      <input
                        aria-checked="false"
                        class="form-check-input input"
                        id="desktop-automatic"
                        name="automatic"
                        tabindex="0"
                        type="radio"
                        value="automatic"
                      />
                      <label
                        class="form-check-label fw-bold w-100 label"
                        for="desktop-automatic"
                      >
                        <svg
                          class="mx-1 position-relative icon"
                          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 3.75C0 2.784.784 2 1.75 2h20.5c.966 0 1.75.784 1.75 1.75v16.5A1.75 1.75 0 0 1 22.25 22H1.75A1.75 1.75 0 0 1 0 20.25ZM22.5 7h-21v13.25c0 .138.112.25.25.25h20.5a.25.25 0 0 0 .25-.25Zm-10-3.5v2h10V3.75a.25.25 0 0 0-.25-.25ZM7 3.5v2h4v-2Zm-5.25 0a.25.25 0 0 0-.25.25V5.5h4v-2Z"
                          />
                        </svg>
                        Automatic
                      </label>
                    </div>
                  </div>
                  <div
                    class="dropdown-item"
                  >
                    <div
                      class="form-check"
                    >
                      <input
                        aria-checked="true"
                        checked=""
                        class="form-check-input input"
                        id="desktop-light"
                        name="light"
                        tabindex="-1"
                        type="radio"
                        value="light"
                      />
                      <label
                        class="form-check-label fw-bold w-100 label"
                        for="desktop-light"
                      >
                        <svg
                          class="mx-1 position-relative icon"
                          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"
                        >
                          <circle
                            cx="12"
                            cy="12"
                            r="5"
                          />
                          <line
                            x1="12"
                            x2="12"
                            y1="1"
                            y2="3"
                          />
                          <line
                            x1="12"
                            x2="12"
                            y1="21"
                            y2="23"
                          />
                          <line
                            x1="4.22"
                            x2="5.64"
                            y1="4.22"
                            y2="5.64"
                          />
                          <line
                            x1="18.36"
                            x2="19.78"
                            y1="18.36"
                            y2="19.78"
                          />
                          <line
                            x1="1"
                            x2="3"
                            y1="12"
                            y2="12"
                          />
                          <line
                            x1="21"
                            x2="23"
                            y1="12"
                            y2="12"
                          />
                          <line
                            x1="4.22"
                            x2="5.64"
                            y1="19.78"
                            y2="18.36"
                          />
                          <line
                            x1="18.36"
                            x2="19.78"
                            y1="5.64"
                            y2="4.22"
                          />
                        </svg>
                        Light
                      </label>
                    </div>
                  </div>
                  <div
                    class="dropdown-item"
                  >
                    <div
                      class="form-check"
                    >
                      <input
                        aria-checked="false"
                        class="form-check-input input"
                        id="desktop-dark"
                        name="dark"
                        tabindex="-1"
                        type="radio"
                        value="dark"
                      />
                      <label
                        class="form-check-label fw-bold w-100 label"
                        for="desktop-dark"
                      >
                        <svg
                          class="mx-1 position-relative icon"
                          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 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"
                          />
                        </svg>
                        Dark
                      </label>
                    </div>
                  </div>
                </div>
                <div
                  class="dropdown-divider my-3"
                />
                <a
                  class="dropdown-item"
                  href="/packages/starred"
                >
                  <div
                    class="d-flex align-items-center"
                  >
                    <svg
                      class="me-2"
                      fill="currentColor"
                      height="1em"
                      stroke="currentColor"
                      stroke-width="0"
                      viewBox="0 0 576 512"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                      />
                    </svg>
                    <div>
                      Starred packages
                    </div>
                  </div>
                </a>
                <a
                  class="dropdown-item"
                  href="/control-panel"
                >
                  <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="M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"
                      />
                    </svg>
                    <div>
                      Control Panel
                    </div>
                  </div>
                </a>
                <button
                  aria-label="Sign out"
                  class="dropdown-item mb-2"
                >
                  <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="M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z"
                      />
                    </svg>
                    <div>
                      Sign out
                    </div>
                  </div>
                </button>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </nav>
</DocumentFragment>
`;
