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

exports[`VersionsModal creates snapshot 1`] = `
<DocumentFragment>
  <div
    role="list"
  >
    <div
      class="d-none d-md-block"
    >
      <div
        class="py-1 py-sm-0 w-100 text-truncate"
        role="listitem"
      >
        <div
          class="d-flex flex-row align-items-baseline"
        >
          <button
            aria-label="Open version 0.1.3"
            class="btn btn-link text-primary ps-0 pt-0 pb-0 border-0 text-truncate d-block mw-100 text-start version"
          >
            0.1.3
          </button>
          <small
            class="text-muted"
          >
            (1 Jan, 1970)
          </small>
        </div>
        <div
          class="d-flex flex-column mb-1 badgesWrapper"
        >
          <div
            class="d-flex flex-row align-items-center"
          >
            <div
              class="badgeDecorator position-relative mx-1"
            />
            <span
              class="badge my-1 border border-1 badge"
            >
              Contains security updates
            </span>
          </div>
        </div>
      </div>
      <div
        class="py-1 py-sm-0 w-100 text-truncate"
        role="listitem"
      >
        <div
          class="d-flex flex-row align-items-baseline"
        >
          <button
            aria-label="Open version 0.1.2"
            class="btn btn-link text-primary ps-0 pt-0 pb-0 border-0 text-truncate d-block mw-100 text-start version"
          >
            0.1.2
          </button>
          <small
            class="text-muted"
          >
            (1 Jan, 1970)
          </small>
        </div>
      </div>
      <div
        class="py-1 py-sm-0 w-100 text-truncate"
        role="listitem"
      >
        <div
          class="d-flex flex-row align-items-baseline"
        >
          <button
            aria-label="Open version 0.1.1"
            class="btn btn-link text-primary ps-0 pt-0 pb-0 border-0 text-truncate d-block mw-100 text-start version"
          >
            0.1.1
          </button>
          <small
            class="text-muted"
          >
            (1 Jan, 1970)
          </small>
        </div>
      </div>
    </div>
    <div
      class="d-block d-md-none"
    >
      <div
        class="py-1 py-sm-0 w-100 text-truncate"
        role="listitem"
      >
        <div
          class="d-flex flex-row align-items-baseline"
        >
          <button
            aria-label="Open version 0.1.3"
            class="btn btn-link text-primary ps-0 pt-0 pb-0 border-0 text-truncate d-block mw-100 text-start version"
          >
            0.1.3
          </button>
          <small
            class="text-muted"
          >
            (1 Jan, 1970)
          </small>
        </div>
        <div
          class="d-flex flex-column mb-1 badgesWrapper"
        >
          <div
            class="d-flex flex-row align-items-center"
          >
            <div
              class="badgeDecorator position-relative mx-1"
            />
            <span
              class="badge my-1 border border-1 badge"
            >
              Contains security updates
            </span>
          </div>
        </div>
      </div>
      <div
        class="py-1 py-sm-0 w-100 text-truncate"
        role="listitem"
      >
        <div
          class="d-flex flex-row align-items-baseline"
        >
          <button
            aria-label="Open version 0.1.2"
            class="btn btn-link text-primary ps-0 pt-0 pb-0 border-0 text-truncate d-block mw-100 text-start version"
          >
            0.1.2
          </button>
          <small
            class="text-muted"
          >
            (1 Jan, 1970)
          </small>
        </div>
      </div>
      <div
        class="py-1 py-sm-0 w-100 text-truncate"
        role="listitem"
      >
        <div
          class="d-flex flex-row align-items-baseline"
        >
          <button
            aria-label="Open version 0.1.1"
            class="btn btn-link text-primary ps-0 pt-0 pb-0 border-0 text-truncate d-block mw-100 text-start version"
          >
            0.1.1
          </button>
          <small
            class="text-muted"
          >
            (1 Jan, 1970)
          </small>
        </div>
      </div>
      <div
        class="py-1 py-sm-0 w-100 text-truncate"
        role="listitem"
      >
        <div
          class="d-flex flex-row align-items-baseline"
        >
          <button
            aria-label="Open version 0.1.0"
            class="btn btn-link text-primary ps-0 pt-0 pb-0 border-0 text-truncate d-block mw-100 text-start version"
          >
            0.1.0
          </button>
          <small
            class="text-muted"
          >
            (1 Jan, 1970)
          </small>
        </div>
      </div>
    </div>
  </div>
  <div
    class="d-none d-md-flex flex-row align-items-baseline"
  >
    <button
      aria-label="See all entries"
      class="btn btn-link ps-0 pe-1 position-relative text-primary btn"
    >
      <div
        class="d-flex flex-row align-items-center"
      >
        <svg
          aria-hidden="true"
          class="me-1"
          fill="currentColor"
          height="1em"
          stroke="currentColor"
          stroke-width="0"
          viewBox="0 0 20 20"
          width="1em"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            clip-rule="evenodd"
            d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v2H7a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2h-2V7z"
            fill-rule="evenodd"
          />
        </svg>
        <span>
          See all
        </span>
      </div>
    </button>
    <div
      class="text-muted position-relative summary"
    >
      (4)
    </div>
  </div>
  <div>
    <div
      aria-modal="false"
      class="modal modal"
      role="dialog"
    >
      <div
        class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable modalDialog"
      >
        <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 text-truncate title"
            >
              title
            </div>
            <button
              aria-label="Close"
              class="btn-close"
              type="button"
            />
          </div>
          <div
            class="modal-body p-4 h-100 d-flex flex-column"
          >
            <div>
              <div
                class="overflow-hidden alertWrapper"
                data-testid="alertWrapper"
              />
            </div>
          </div>
          <div
            class="modal-footer p-3 modalFooter"
          >
            <button
              aria-label="Close modal"
              class="btn btn-sm btn-outline-secondary text-uppercase"
              type="button"
            >
              <div
                class="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"
                >
                  <path
                    d="M0 0h24v24H0z"
                    fill="none"
                  />
                  <path
                    d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                  />
                </svg>
                <div>
                  Close
                </div>
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
