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

exports[`OptOutModal 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-lg modal"
      >
        <div
          class="modal-content border border-3 mx-auto content"
        >
          <div
            class="modal-header d-flex flex-row align-items-center header undefined"
          >
            <div
              class="h3 m-2 flex-grow-1 title"
            >
              Add opt-out entry
            </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 position-relative"
            >
              <label
                class="form-label fw-bold label"
                for="kind"
              >
                Events
              </label>
              <div
                class="d-flex flex-column flex-wrap pb-2"
              >
                <div
                  class="mb-2"
                >
                  <div
                    class="form-check text-nowrap my-1 my-md-0"
                  >
                    <input
                      checked=""
                      class="form-check-input"
                      id="trackingErrors"
                      name="kind"
                      required=""
                      type="radio"
                      value="2"
                    />
                    <label
                      class="form-check-label"
                      for="trackingErrors"
                    >
                      <div
                        class="d-flex flex-row align-items-center ms-2"
                      >
                        <svg
                          baseProfile="tiny"
                          fill="currentColor"
                          height="1em"
                          stroke="currentColor"
                          stroke-width="0"
                          version="1.2"
                          viewBox="0 0 24 24"
                          width="1em"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M21.171 15.398l-5.912-9.854c-.776-1.293-1.963-2.033-3.259-2.033s-2.483.74-3.259 2.031l-5.912 9.856c-.786 1.309-.872 2.705-.235 3.83.636 1.126 1.878 1.772 3.406 1.772h12c1.528 0 2.77-.646 3.406-1.771.637-1.125.551-2.521-.235-3.831zm-9.171 2.151c-.854 0-1.55-.695-1.55-1.549 0-.855.695-1.551 1.55-1.551s1.55.696 1.55 1.551c0 .854-.696 1.549-1.55 1.549zm1.633-7.424c-.011.031-1.401 3.468-1.401 3.468-.038.094-.13.156-.231.156s-.193-.062-.231-.156l-1.391-3.438c-.09-.233-.129-.443-.129-.655 0-.965.785-1.75 1.75-1.75s1.75.785 1.75 1.75c0 .212-.039.422-.117.625z"
                          />
                        </svg>
                        <div
                          class="ms-1"
                        >
                          Tracking errors
                        </div>
                      </div>
                    </label>
                  </div>
                </div>
                <div
                  class="mb-2"
                >
                  <div
                    class="form-check text-nowrap my-1 my-md-0"
                  >
                    <input
                      class="form-check-input"
                      id="scanningErrors"
                      name="kind"
                      required=""
                      type="radio"
                      value="4"
                    />
                    <label
                      class="form-check-label"
                      for="scanningErrors"
                    >
                      <div
                        class="d-flex flex-row align-items-center ms-2"
                      >
                        <svg
                          baseProfile="tiny"
                          fill="currentColor"
                          height="1em"
                          stroke="currentColor"
                          stroke-width="0"
                          version="1.2"
                          viewBox="0 0 24 24"
                          width="1em"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M21.171 15.398l-5.912-9.854c-.776-1.293-1.963-2.033-3.259-2.033s-2.483.74-3.259 2.031l-5.912 9.856c-.786 1.309-.872 2.705-.235 3.83.636 1.126 1.878 1.772 3.406 1.772h12c1.528 0 2.77-.646 3.406-1.771.637-1.125.551-2.521-.235-3.831zm-9.171 2.151c-.854 0-1.55-.695-1.55-1.549 0-.855.695-1.551 1.55-1.551s1.55.696 1.55 1.551c0 .854-.696 1.549-1.55 1.549zm1.633-7.424c-.011.031-1.401 3.468-1.401 3.468-.038.094-.13.156-.231.156s-.193-.062-.231-.156l-1.391-3.438c-.09-.233-.129-.443-.129-.655 0-.965.785-1.75 1.75-1.75s1.75.785 1.75 1.75c0 .212-.039.422-.117.625z"
                          />
                        </svg>
                        <div
                          class="ms-1"
                        >
                          Scanning errors
                        </div>
                      </div>
                    </label>
                  </div>
                </div>
              </div>
              <div
                class="d-flex flex-column mb-3"
              >
                <label
                  class="form-label fw-bold label"
                  for="description"
                >
                  Repository
                </label>
                <small
                  class="mb-2"
                >
                  Select repository:
                </small>
                <div
                  class="mt-2 searchWrapper"
                >
                  <div
                    class="position-relative"
                  >
                    <div
                      class="d-flex flex-row"
                    >
                      <div
                        class="flex-grow-1 d-flex align-items-stretch 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>
            </div>
            <div>
              <div
                class="overflow-hidden alertWrapper"
                data-testid="alertWrapper"
              />
            </div>
          </div>
          <div
            class="modal-footer p-3"
          >
            <button
              aria-label="Add opt-out entry"
              class="btn btn-sm btn-outline-secondary"
              disabled=""
              type="button"
            >
              <div
                class="d-flex flex-row align-items-center text-uppercase"
              >
                <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="M192 277.4h189.7l-43.6 44.7L368 352l96-96-96-96-31 29.9 44.7 44.7H192v42.8z"
                  />
                  <path
                    d="M255.7 421.3c-44.1 0-85.5-17.2-116.7-48.4-31.2-31.2-48.3-72.7-48.3-116.9 0-44.1 17.2-85.7 48.3-116.9 31.2-31.2 72.6-48.4 116.7-48.4 44 0 85.3 17.1 116.5 48.2l30.3-30.3c-8.5-8.4-17.8-16.2-27.7-23.2C339.7 61 298.6 48 255.7 48 141.2 48 48 141.3 48 256s93.2 208 207.7 208c42.9 0 84-13 119-37.5 10-7 19.2-14.7 27.7-23.2l-30.2-30.2c-31.1 31.1-72.5 48.2-116.5 48.2zM448.004 256.847l-.849-.848.849-.849.848.849z"
                  />
                </svg>
                <div>
                  Opt-out
                </div>
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
