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

exports[`Repository index creates snapshot 1`] = `
<DocumentFragment>
  <main
    class="pe-xs-0 pe-sm-3 pe-md-0 d-flex flex-column flex-md-row justify-content-between my-md-4"
    role="main"
  >
    <div
      class="flex-grow-1 w-100"
    >
      <div>
        <div
          class="d-flex flex-row align-items-center justify-content-between pb-2 border-bottom"
        >
          <div
            class="h3 pb-0 title"
          >
            Repositories
          </div>
          <div>
            <button
              aria-label="Refresh repositories list"
              class="btn btn-outline-secondary btn-sm text-uppercase me-0 me-md-2 btnAction"
            >
              <div
                class="d-flex flex-row align-items-center justify-content-center"
              >
                <svg
                  class="d-inline d-md-none"
                  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="M256 388c-72.597 0-132-59.405-132-132 0-72.601 59.403-132 132-132 36.3 0 69.299 15.4 92.406 39.601L278 234h154V80l-51.698 51.702C348.406 99.798 304.406 80 256 80c-96.797 0-176 79.203-176 176s78.094 176 176 176c81.045 0 148.287-54.134 169.401-128H378.85c-18.745 49.561-67.138 84-122.85 84z"
                  />
                </svg>
                <svg
                  class="d-none d-md-inline 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="M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm112 194h-98l44.8-44.8C300.1 181.8 279.1 172 256 172c-46.2 0-84 37.8-84 84s37.8 84 84 84c34.9 0 65.3-21.2 77.6-52h29.8c-13.9 46.3-56.3 80-107.4 80-62.3 0-112-50.4-112-112s50.4-112 112-112c30.8 0 58.8 12.6 79.1 32.9L368 144v98z"
                  />
                </svg>
                <span
                  class="d-none d-md-inline"
                >
                  Refresh
                </span>
              </div>
            </button>
            <button
              aria-label="Open claim repository modal"
              class="btn btn-outline-secondary btn-sm text-uppercase me-0 me-md-2 btnAction"
            >
              <div
                class="d-flex flex-row align-items-center justify-content-center"
              >
                <svg
                  class="me-md-2"
                  fill="currentColor"
                  height="1em"
                  stroke="currentColor"
                  stroke-width="0"
                  viewBox="0 0 24 24"
                  width="1em"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g>
                    <path
                      d="M0 0h24v24H0z"
                      fill="none"
                    />
                    <path
                      d="M16.05 12.05L21 17l-4.95 4.95-1.414-1.414 2.536-2.537L4 18v-2h13.172l-2.536-2.536 1.414-1.414zm-8.1-10l1.414 1.414L6.828 6 20 6v2H6.828l2.536 2.536L7.95 11.95 3 7l4.95-4.95z"
                    />
                  </g>
                </svg>
                <span
                  class="d-none d-md-inline"
                >
                  Claim ownership
                </span>
              </div>
            </button>
            <span
              class="position-relative"
            >
              <button
                aria-label="Open add repository modal"
                class="btn btn-outline-secondary btn-sm text-uppercase btnAction"
                type="button"
              >
                <div
                  class="d-flex flex-row align-items-center justify-content-center"
                >
                  <svg
                    class="d-inline d-md-none"
                    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 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
                    />
                  </svg>
                  <svg
                    class="d-none d-md-inline 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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"
                    />
                  </svg>
                  <span
                    class="d-none d-md-inline"
                  >
                    Add
                  </span>
                </div>
              </button>
            </span>
          </div>
        </div>
      </div>
      <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"
            role="status"
          >
            <span
              class="visually-hidden"
            >
              Loading...
            </span>
          </div>
        </div>
      </div>
      <p
        class="mt-5"
      >
        If you want your repositories to be labeled as 
        <span
          class="fw-bold"
        >
          Verified Publisher
        </span>
        , you can add a 
        <a
          aria-label="Open documentation"
          class="link text-reset"
          href="https://github.com/artifacthub/hub/blob/master/docs/metadata/artifacthub-repo.yml"
          rel="noopener noreferrer"
          role="button"
          tabindex="-1"
          target="_blank"
        >
          <u>
            metadata file
          </u>
        </a>
         to each of them including the repository ID provided below. This label will let users know that you own or have control over the repository. The repository metadata file must be located at the path used in the repository URL.
      </p>
    </div>
  </main>
</DocumentFragment>
`;
