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

exports[`Claim Repository Modal - repositories section creates snapshot 1`] = `
<DocumentFragment>
  <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-xl"
      >
        <div
          class="modal-content border border-3 mx-auto content modal"
        >
          <div
            class="modal-header d-flex flex-row align-items-center header undefined"
          >
            <div
              class="h3 m-2 flex-grow-1 title"
            >
              Claim repository ownership
            </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="w-100"
            >
              <div
                class="mt-4"
              >
                <p>
                  Before claiming a repository ownership, we need to verify that you actually own it. To prove that, you need to add a 
                  <a
                    aria-label="Open documentation"
                    class="link text-primary fw-bold"
                    href="https://github.com/artifacthub/hub/blob/master/docs/metadata/artifacthub-repo.yml"
                    rel="noopener noreferrer"
                    role="button"
                    tabindex="-1"
                    target="_blank"
                  >
                    metadata file
                  </a>
                   to your repository and include yourself (or the person who will do the request) as an owner. This will be checked during the ownership claim process. Please make sure the email used in the metatata file matches with the one you use in .
                </p>
              </div>
              <form
                autocomplete="on"
                class="w-100 needs-validation"
                data-testid="claimRepoForm"
                novalidate=""
              >
                <div>
                  <div
                    class="d-flex flex-column my-3"
                  >
                    <label
                      class="form-label fw-bold label"
                      for="description"
                    >
                      Repository:
                    </label>
                    <div
                      class="mt-2 searchWrapper"
                    >
                      <div
                        class="position-relative"
                      >
                        <div
                          class="d-flex flex-row"
                        >
                          <div
                            class="flex-grow-1 d-flex align-items-strecht overflow-hidden position-relative searchBar lh-base bg-white inputWrapper"
                          >
                            <div
                              class="d-flex align-items-center iconWrapper"
                              data-testid="searchBarIcon"
                            >
                              <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"
                              >
                                <circle
                                  cx="11"
                                  cy="11"
                                  r="8"
                                />
                                <line
                                  x1="21"
                                  x2="16.65"
                                  y1="21"
                                  y2="16.65"
                                />
                              </svg>
                            </div>
                            <input
                              aria-label="Search repositories"
                              autocomplete="new-input"
                              class="flex-grow-1 pe-4 ps-2 ps-md-0 border-0 shadow-none bg-transparent input"
                              name="searchRepositoriesInput"
                              spellcheck="false"
                              type="text"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <label
                    class="form-label fw-bold label"
                    id="claiming"
                  >
                    Transfer to:
                  </label>
                  <div
                    class="form-check mb-2"
                  >
                    <input
                      aria-labelledby="claiming user"
                      class="form-check-input"
                      id="user"
                      name="claim"
                      required=""
                      type="radio"
                      value="user"
                    />
                    <label
                      class="form-check-label label"
                      for="user"
                      id="user"
                    >
                      My user
                    </label>
                  </div>
                  <div
                    class="form-check mb-3"
                  >
                    <input
                      aria-labelledby="claiming org"
                      checked=""
                      class="form-check-input"
                      id="org"
                      name="claim"
                      required=""
                      type="radio"
                      value="org"
                    />
                    <label
                      class="form-check-label label"
                      for="org"
                      id="org"
                    >
                      Organization
                    </label>
                  </div>
                </div>
                <div
                  class="d-flex flex-row align-items-center position-relative mb-3"
                >
                  <div
                    class=" w-75 mb-2"
                  >
                    <select
                      aria-label="org-select"
                      class="form-select"
                      required=""
                    />
                    <div
                      class="invalid-feedback fieldFeedback"
                    >
                      This field is required
                    </div>
                  </div>
                  <div
                    class="d-inline ms-3"
                  >
                    <span
                      class="spinner-border spinner-border-sm text-primary"
                    />
                  </div>
                </div>
                <small
                  class="text-muted text-break mt-3"
                >
                  <p>
                    It may take a few minutes for this change to be visible across the Hub.
                  </p>
                </small>
              </form>
            </div>
            <div>
              <div
                class="overflow-hidden alertWrapper"
                data-testid="alertWrapper"
              />
            </div>
          </div>
          <div
            class="modal-footer p-3"
          >
            <button
              aria-label="Claim ownership"
              class="btn btn-sm btn-outline-secondary"
              disabled=""
              type="button"
            >
              <div
                class="text-uppercase 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"
                >
                  <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>
                <div>
                  Claim ownership
                </div>
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
