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

exports[`ControlPanelView renders correctly 1`] = `
<DocumentFragment>
  <main
    class="d-flex flex-column flex-grow-1 position-relative"
    role="main"
  >
    <div
      class="pt-3 position-relative navWrapper"
    >
      <div
        class="container"
      >
        <div
          class="d-flex flex-column-reverse flex-sm-row justify-content-between align-items-end"
        >
          <ul
            class="mr-auto mr-md-0 nav nav-tabs"
            role="tablist"
          >
            <li
              class="nav-item mx-1 navItem"
              role="tab"
            >
              <button
                class="btn btn-link rounded-0 text-reset nav-link position-relative section active activeSection"
                type="button"
              >
                <div
                  class="d-flex flex-row align-items-center"
                >
                  <span
                    class="icon"
                  >
                    <svg
                      fill="currentColor"
                      height="1em"
                      stroke="currentColor"
                      stroke-width="0"
                      viewBox="0 0 16 16"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M1 4.27v7.47c0 .45.3.84.75.97l6.5 1.73c.16.05.34.05.5 0l6.5-1.73c.45-.13.75-.52.75-.97V4.27c0-.45-.3-.84-.75-.97l-6.5-1.74a1.4 1.4 0 0 0-.5 0L1.75 3.3c-.45.13-.75.52-.75.97zm7 9.09l-6-1.59V5l6 1.61v6.75zM2 4l2.5-.67L11 5.06l-2.5.67L2 4zm13 7.77l-6 1.59V6.61l2-.55V8.5l2-.53V5.53L15 5v6.77zm-2-7.24L6.5 2.8l2-.53L15 4l-2 .53z"
                        fill-rule="evenodd"
                      />
                    </svg>
                  </span>
                  <span
                    class="d-none d-md-inline ml-2 navTitle"
                  >
                    Repositories
                  </span>
                </div>
              </button>
            </li>
            <li
              class="nav-item mx-1 navItem"
              role="tab"
            >
              <button
                class="btn btn-link rounded-0 text-reset nav-link position-relative section"
                type="button"
              >
                <div
                  class="d-flex flex-row align-items-center"
                >
                  <span
                    class="icon"
                  >
                    <svg
                      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="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"
                      />
                    </svg>
                  </span>
                  <span
                    class="d-none d-md-inline ml-2 navTitle"
                  >
                    Organizations
                  </span>
                </div>
              </button>
            </li>
            <li
              class="nav-item mx-1 navItem"
              role="tab"
            >
              <button
                class="btn btn-link rounded-0 text-reset nav-link position-relative section"
                type="button"
              >
                <div
                  class="d-flex flex-row align-items-center"
                >
                  <span
                    class="icon"
                  >
                    <svg
                      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="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"
                      />
                    </svg>
                  </span>
                  <span
                    class="d-none d-md-inline ml-2 navTitle"
                  >
                    Settings
                  </span>
                </div>
              </button>
            </li>
          </ul>
          <div
            class="position-relative ctxWrapper"
          >
            <div
              class="d-flex flex-column"
            >
              <small
                class="text-uppercase text-muted legendCtx"
              >
                Control panel context
              </small>
              <div
                class="d-flex flex-row align-items-center"
              >
                <button
                  class="btn btn-primary badge-pill btn-sm pr-3 position-relative ctxBtn"
                  type="button"
                >
                  <div
                    class="d-flex flex-row align-items-center"
                  >
                    <div
                      class="badge badge-light badge-pill mr-2 p-0 badgeIcon"
                    >
                      <svg
                        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>
                    <div
                      class="flex-grow-1 text-left mr-1 text-truncate"
                    >
                      test
                    </div>
                  </div>
                  <div
                    class="position-absolute text-light caret"
                  >
                    <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>
                  </div>
                </button>
              </div>
              <div
                class="position-absolute text-secondary loading"
              >
                <span
                  class="spinner-border spinner-border-sm"
                />
              </div>
            </div>
            <div
              class="dropdown-menu dropdown-menu-right dropdown"
            >
              <div
                class="arrow arrow"
              />
              <button
                class="dropdown-item"
              >
                <div
                  class="d-flex flex-row align-items-center"
                >
                  <svg
                    class="mr-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="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>
                  <span>
                    test
                  </span>
                  <svg
                    class="ml-2 text-success"
                    fill="currentColor"
                    height="1em"
                    stroke="currentColor"
                    stroke-width="0"
                    viewBox="0 0 12 16"
                    width="1em"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5L12 5z"
                      fill-rule="evenodd"
                    />
                  </svg>
                </div>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="py-4 flex-grow-1 position-relative"
    >
      <div
        class="container"
      >
        <div />
      </div>
    </div>
  </main>
</DocumentFragment>
`;
