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

exports[`StarredPackagesView renders correctly 1`] = `
<DocumentFragment>
  <div
    class="d-flex flex-column flex-grow-1 position-relative"
  >
    <div
      class="position-absolute p-5 wrapper undefined"
    >
      <div
        class="d-flex flex-row align-items-center justify-content-center w-100 h-100"
      >
        <div
          class="spinner-border text-primary spinner undefined"
          role="status"
        >
          <span
            class="sr-only"
          >
            Loading...
          </span>
        </div>
      </div>
    </div>
    <main
      class="container py-5"
      role="main"
    >
      <div
        class="flex-grow-1 position-relative"
      >
        <div
          class="h3 pb-0"
        >
          <div
            class="d-flex align-items-center justify-content-center"
          >
            <div>
              Your starred packages
            </div>
          </div>
        </div>
        <div
          class="mx-auto mt-4 wrapper"
        />
      </div>
    </main>
  </div>
</DocumentFragment>
`;

exports[`StarredPackagesView renders correctly 2`] = `
<DocumentFragment>
  <div
    class="d-flex flex-column flex-grow-1 position-relative"
  >
    <main
      class="container py-5"
      role="main"
    >
      <div
        class="flex-grow-1 position-relative"
      >
        <div
          class="h3 pb-0"
        >
          <div
            class="d-flex align-items-center justify-content-center"
          >
            <div>
              Your starred packages
            </div>
          </div>
        </div>
        <div
          class="mx-auto mt-4 wrapper"
        >
          <div
            class="col-12 py-sm-3 py-2"
            role="listitem"
          >
            <div
              class="card h-100 card"
            >
              <a
                class="text-decoration-none link"
                data-testid="link"
                href="/packages/helm/stable/airflow"
              >
                <div
                  class="card-body d-flex flex-column body"
                >
                  <div
                    class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                  >
                    <div
                      class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo airflow"
                          class="image"
                          src="/image/48066829-7617-43ca-a37f-78d1e7ad1e31"
                          srcset="/image/48066829-7617-43ca-a37f-78d1e7ad1e31@1x 1x, /image/48066829-7617-43ca-a37f-78d1e7ad1e31@2x 2x, /image/48066829-7617-43ca-a37f-78d1e7ad1e31@3x 3x, /image/48066829-7617-43ca-a37f-78d1e7ad1e31@4x 4x"
                        />
                      </div>
                      <div
                        class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                      >
                        <div
                          class="text-truncate card-title mb-0"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <div
                              class="text-truncate title"
                            >
                              airflow
                            </div>
                            <div
                              class="d-none d-lg-inline-block ml-3"
                            />
                          </div>
                        </div>
                        <div
                          class="card-subtitle text-truncate align-items-baseline subtitle"
                        >
                          <div
                            class="d-inline-block d-md-none text-truncate w-100"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/helm-chart.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        Stable
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              class="d-flex flex-row align-items-center"
                                            >
                                              <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"
                                              >
                                                <rect
                                                  height="13"
                                                  rx="2"
                                                  ry="2"
                                                  width="13"
                                                  x="9"
                                                  y="9"
                                                />
                                                <path
                                                  d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                />
                                              </svg>
                                            </div>
                                          </button>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  Stable
                                </div>
                              </button>
                            </div>
                          </div>
                          <div
                            class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline text-truncate mx50"
                            >
                              <div
                                class="mr-0 d-flex flex-row align-items-baseline mw-100"
                              >
                                <div
                                  class="position-absolute"
                                >
                                  <div
                                    class="dropdown-menu dropdown-menu-left dropdown"
                                    data-testid="orgInfoDropdown"
                                  />
                                </div>
                                <div
                                  class="d-flex flex-row aling-items-start text-truncate"
                                >
                                  <div
                                    class="d-flex flex-row align-items-baseline mr-1 text-muted text-uppercase"
                                  >
                                    <small>
                                      Org:
                                    </small>
                                  </div>
                                  <button
                                    class="p-0 border-0 text-dark text-truncate flex-grow-1 link text-truncate mw-100"
                                    data-testid="orgLink"
                                  >
                                    <div
                                      class="text-truncate"
                                    >
                                      Helm
                                    </div>
                                  </button>
                                </div>
                              </div>
                            </div>
                            <div
                              class="ml-3 d-flex flex-row align-items-baseline mx50"
                            >
                              <div
                                class="position-absolute"
                              >
                                <div
                                  class="dropdown-menu dropdown-menu-left dropdown"
                                  data-testid="repoInfoDropdown"
                                >
                                  <div
                                    class="content"
                                  >
                                    <div
                                      class="d-flex flex-column"
                                    >
                                      <div
                                        class="d-flex flex-row align-items-center"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Repo: 
                                        </small>
                                        <img
                                          alt="Icon"
                                          class="mr-1 repoIconMini"
                                          src="/static/media/helm-chart.svg"
                                        />
                                        <div
                                          class="text-reset labelContent"
                                        >
                                          Stable
                                        </div>
                                      </div>
                                      <div
                                        class="mt-2 d-flex flex-row align-items-baseline"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Url: 
                                        </small>
                                        <div
                                          class="text-reset urlContent labelContent"
                                        >
                                          <div
                                            class="position-relative d-inline-block"
                                          >
                                            <button
                                              class="btn btn-sm miniBtn"
                                              data-testid="ctcBtn"
                                              type="button"
                                            >
                                              <div
                                                class="d-flex flex-row align-items-center"
                                              >
                                                <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"
                                                >
                                                  <rect
                                                    height="13"
                                                    rx="2"
                                                    ry="2"
                                                    width="13"
                                                    x="9"
                                                    y="9"
                                                  />
                                                  <path
                                                    d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                  />
                                                </svg>
                                              </div>
                                            </button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="d-flex flex-row aling-items-start text-truncate"
                              >
                                <div
                                  class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                                >
                                  <small
                                    class="mr-1"
                                  >
                                    Repo:
                                  </small>
                                </div>
                                <button
                                  class="p-0 border-0 text-dark text-truncate link"
                                  data-testid="repoLink"
                                >
                                  <div
                                    class="text-truncate"
                                  >
                                    Stable
                                  </div>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                        >
                          <div
                            class="text-truncate mb-1"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              Version: 
                            </span>
                            6.6.0
                            <span
                              class="text-muted text-uppercase mr-1 ml-3"
                            >
                              App Version: 
                            </span>
                            1.10.4
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-lg-flex flex-column align-items-end mb-auto ml-3"
                      >
                        <div
                          class="mb-2"
                        >
                          <small
                            class="text-muted text-nowrap date"
                          >
                            Updated Invalid date
                          </small>
                        </div>
                        <div
                          class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                        >
                          <span
                            class="badge badge-pill badge-light mr-2 starBadge"
                          >
                            <div
                              class="d-flex align-items-center"
                            >
                              <svg
                                class="mr-1"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 576 512"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                                />
                              </svg>
                              <div>
                                1
                              </div>
                            </div>
                          </span>
                          <img
                            alt="Icon"
                            class="icon"
                            src="/static/media/helm-chart.svg"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="mt-3 overflow-hidden description lineClamp"
                  >
                    Airflow is a platform to programmatically author, schedule and monitor workflows
                  </div>
                  <div
                    class="d-flex d-lg-none flex-row justify-content-between align-items-center mt-3 mt-lg-0"
                  >
                    <small
                      class="text-muted text-nowrap date"
                    >
                      Updated Invalid date
                    </small>
                    <div
                      class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                    >
                      <span
                        class="badge badge-pill badge-light mr-2 starBadge"
                      >
                        <div
                          class="d-flex align-items-center"
                        >
                          <svg
                            class="mr-1"
                            fill="currentColor"
                            height="1em"
                            stroke="currentColor"
                            stroke-width="0"
                            viewBox="0 0 576 512"
                            width="1em"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                            />
                          </svg>
                          <div>
                            1
                          </div>
                        </div>
                      </span>
                      <img
                        alt="Icon"
                        class="icon"
                        src="/static/media/helm-chart.svg"
                      />
                    </div>
                  </div>
                  <div
                    class="d-inline d-lg-none mt-2 mt-sm-0"
                  />
                </div>
              </a>
            </div>
          </div>
          <div
            class="col-12 py-sm-3 py-2"
            role="listitem"
          >
            <div
              class="card h-100 card"
            >
              <a
                class="text-decoration-none link"
                data-testid="link"
                href="/packages/helm/incubator/cassandra"
              >
                <div
                  class="card-body d-flex flex-column body"
                >
                  <div
                    class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                  >
                    <div
                      class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo cassandra"
                          class="image"
                          src="/image/4bb9e777-3772-4ee5-a6a8-9e8aa1421c49"
                          srcset="/image/4bb9e777-3772-4ee5-a6a8-9e8aa1421c49@1x 1x, /image/4bb9e777-3772-4ee5-a6a8-9e8aa1421c49@2x 2x, /image/4bb9e777-3772-4ee5-a6a8-9e8aa1421c49@3x 3x, /image/4bb9e777-3772-4ee5-a6a8-9e8aa1421c49@4x 4x"
                        />
                      </div>
                      <div
                        class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                      >
                        <div
                          class="text-truncate card-title mb-0"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <div
                              class="text-truncate title"
                            >
                              cassandra
                            </div>
                            <div
                              class="d-none d-lg-inline-block ml-3"
                            />
                          </div>
                        </div>
                        <div
                          class="card-subtitle text-truncate align-items-baseline subtitle"
                        >
                          <div
                            class="d-inline-block d-md-none text-truncate w-100"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/helm-chart.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        Incubator
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              class="d-flex flex-row align-items-center"
                                            >
                                              <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"
                                              >
                                                <rect
                                                  height="13"
                                                  rx="2"
                                                  ry="2"
                                                  width="13"
                                                  x="9"
                                                  y="9"
                                                />
                                                <path
                                                  d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                />
                                              </svg>
                                            </div>
                                          </button>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  Incubator
                                </div>
                              </button>
                            </div>
                          </div>
                          <div
                            class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline text-truncate mx50"
                            >
                              <div
                                class="mr-0 d-flex flex-row align-items-baseline mw-100"
                              >
                                <div
                                  class="position-absolute"
                                >
                                  <div
                                    class="dropdown-menu dropdown-menu-left dropdown"
                                    data-testid="orgInfoDropdown"
                                  />
                                </div>
                                <div
                                  class="d-flex flex-row aling-items-start text-truncate"
                                >
                                  <div
                                    class="d-flex flex-row align-items-baseline mr-1 text-muted text-uppercase"
                                  >
                                    <small>
                                      Org:
                                    </small>
                                  </div>
                                  <button
                                    class="p-0 border-0 text-dark text-truncate flex-grow-1 link text-truncate mw-100"
                                    data-testid="orgLink"
                                  >
                                    <div
                                      class="text-truncate"
                                    >
                                      Helm
                                    </div>
                                  </button>
                                </div>
                              </div>
                            </div>
                            <div
                              class="ml-3 d-flex flex-row align-items-baseline mx50"
                            >
                              <div
                                class="position-absolute"
                              >
                                <div
                                  class="dropdown-menu dropdown-menu-left dropdown"
                                  data-testid="repoInfoDropdown"
                                >
                                  <div
                                    class="content"
                                  >
                                    <div
                                      class="d-flex flex-column"
                                    >
                                      <div
                                        class="d-flex flex-row align-items-center"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Repo: 
                                        </small>
                                        <img
                                          alt="Icon"
                                          class="mr-1 repoIconMini"
                                          src="/static/media/helm-chart.svg"
                                        />
                                        <div
                                          class="text-reset labelContent"
                                        >
                                          Incubator
                                        </div>
                                      </div>
                                      <div
                                        class="mt-2 d-flex flex-row align-items-baseline"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Url: 
                                        </small>
                                        <div
                                          class="text-reset urlContent labelContent"
                                        >
                                          <div
                                            class="position-relative d-inline-block"
                                          >
                                            <button
                                              class="btn btn-sm miniBtn"
                                              data-testid="ctcBtn"
                                              type="button"
                                            >
                                              <div
                                                class="d-flex flex-row align-items-center"
                                              >
                                                <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"
                                                >
                                                  <rect
                                                    height="13"
                                                    rx="2"
                                                    ry="2"
                                                    width="13"
                                                    x="9"
                                                    y="9"
                                                  />
                                                  <path
                                                    d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                  />
                                                </svg>
                                              </div>
                                            </button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="d-flex flex-row aling-items-start text-truncate"
                              >
                                <div
                                  class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                                >
                                  <small
                                    class="mr-1"
                                  >
                                    Repo:
                                  </small>
                                </div>
                                <button
                                  class="p-0 border-0 text-dark text-truncate link"
                                  data-testid="repoLink"
                                >
                                  <div
                                    class="text-truncate"
                                  >
                                    Incubator
                                  </div>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                        >
                          <div
                            class="text-truncate mb-1"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              Version: 
                            </span>
                            0.15.0
                            <span
                              class="text-muted text-uppercase mr-1 ml-3"
                            >
                              App Version: 
                            </span>
                            3.11.6
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-lg-flex flex-column align-items-end mb-auto ml-3"
                      >
                        <div
                          class="mb-2"
                        >
                          <small
                            class="text-muted text-nowrap date"
                          >
                            Updated Invalid date
                          </small>
                        </div>
                        <div
                          class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                        >
                          <span
                            class="badge badge-pill badge-light mr-2 starBadge"
                          >
                            <div
                              class="d-flex align-items-center"
                            >
                              <svg
                                class="mr-1"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 576 512"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                                />
                              </svg>
                              <div>
                                1
                              </div>
                            </div>
                          </span>
                          <img
                            alt="Icon"
                            class="icon"
                            src="/static/media/helm-chart.svg"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="mt-3 overflow-hidden description lineClamp"
                  >
                    Apache Cassandra is a free and open-source distributed database management system designed to handle large amounts of data across many commodity servers, providing high availability with no single point of failure.
                  </div>
                  <div
                    class="d-flex d-lg-none flex-row justify-content-between align-items-center mt-3 mt-lg-0"
                  >
                    <small
                      class="text-muted text-nowrap date"
                    >
                      Updated Invalid date
                    </small>
                    <div
                      class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                    >
                      <span
                        class="badge badge-pill badge-light mr-2 starBadge"
                      >
                        <div
                          class="d-flex align-items-center"
                        >
                          <svg
                            class="mr-1"
                            fill="currentColor"
                            height="1em"
                            stroke="currentColor"
                            stroke-width="0"
                            viewBox="0 0 576 512"
                            width="1em"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                            />
                          </svg>
                          <div>
                            1
                          </div>
                        </div>
                      </span>
                      <img
                        alt="Icon"
                        class="icon"
                        src="/static/media/helm-chart.svg"
                      />
                    </div>
                  </div>
                  <div
                    class="d-inline d-lg-none mt-2 mt-sm-0"
                  />
                </div>
              </a>
            </div>
          </div>
          <div
            class="col-12 py-sm-3 py-2"
            role="listitem"
          >
            <div
              class="card h-100 card"
            >
              <a
                class="text-decoration-none link"
                data-testid="link"
                href="/packages/helm/stable/prometheus"
              >
                <div
                  class="card-body d-flex flex-column body"
                >
                  <div
                    class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                  >
                    <div
                      class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo prometheus"
                          class="image"
                          src="/image/97c12b63-0aba-4510-b648-e37c4f5cf15b"
                          srcset="/image/97c12b63-0aba-4510-b648-e37c4f5cf15b@1x 1x, /image/97c12b63-0aba-4510-b648-e37c4f5cf15b@2x 2x, /image/97c12b63-0aba-4510-b648-e37c4f5cf15b@3x 3x, /image/97c12b63-0aba-4510-b648-e37c4f5cf15b@4x 4x"
                        />
                      </div>
                      <div
                        class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                      >
                        <div
                          class="text-truncate card-title mb-0"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <div
                              class="text-truncate title"
                            >
                              prometheus
                            </div>
                            <div
                              class="d-none d-lg-inline-block ml-3"
                            />
                          </div>
                        </div>
                        <div
                          class="card-subtitle text-truncate align-items-baseline subtitle"
                        >
                          <div
                            class="d-inline-block d-md-none text-truncate w-100"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/helm-chart.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        Stable
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              class="d-flex flex-row align-items-center"
                                            >
                                              <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"
                                              >
                                                <rect
                                                  height="13"
                                                  rx="2"
                                                  ry="2"
                                                  width="13"
                                                  x="9"
                                                  y="9"
                                                />
                                                <path
                                                  d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                />
                                              </svg>
                                            </div>
                                          </button>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  Stable
                                </div>
                              </button>
                            </div>
                          </div>
                          <div
                            class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline text-truncate mx50"
                            >
                              <div
                                class="mr-0 d-flex flex-row align-items-baseline mw-100"
                              >
                                <div
                                  class="position-absolute"
                                >
                                  <div
                                    class="dropdown-menu dropdown-menu-left dropdown"
                                    data-testid="orgInfoDropdown"
                                  />
                                </div>
                                <div
                                  class="d-flex flex-row aling-items-start text-truncate"
                                >
                                  <div
                                    class="d-flex flex-row align-items-baseline mr-1 text-muted text-uppercase"
                                  >
                                    <small>
                                      Org:
                                    </small>
                                  </div>
                                  <button
                                    class="p-0 border-0 text-dark text-truncate flex-grow-1 link text-truncate mw-100"
                                    data-testid="orgLink"
                                  >
                                    <div
                                      class="text-truncate"
                                    >
                                      Helm
                                    </div>
                                  </button>
                                </div>
                              </div>
                            </div>
                            <div
                              class="ml-3 d-flex flex-row align-items-baseline mx50"
                            >
                              <div
                                class="position-absolute"
                              >
                                <div
                                  class="dropdown-menu dropdown-menu-left dropdown"
                                  data-testid="repoInfoDropdown"
                                >
                                  <div
                                    class="content"
                                  >
                                    <div
                                      class="d-flex flex-column"
                                    >
                                      <div
                                        class="d-flex flex-row align-items-center"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Repo: 
                                        </small>
                                        <img
                                          alt="Icon"
                                          class="mr-1 repoIconMini"
                                          src="/static/media/helm-chart.svg"
                                        />
                                        <div
                                          class="text-reset labelContent"
                                        >
                                          Stable
                                        </div>
                                      </div>
                                      <div
                                        class="mt-2 d-flex flex-row align-items-baseline"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Url: 
                                        </small>
                                        <div
                                          class="text-reset urlContent labelContent"
                                        >
                                          <div
                                            class="position-relative d-inline-block"
                                          >
                                            <button
                                              class="btn btn-sm miniBtn"
                                              data-testid="ctcBtn"
                                              type="button"
                                            >
                                              <div
                                                class="d-flex flex-row align-items-center"
                                              >
                                                <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"
                                                >
                                                  <rect
                                                    height="13"
                                                    rx="2"
                                                    ry="2"
                                                    width="13"
                                                    x="9"
                                                    y="9"
                                                  />
                                                  <path
                                                    d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                  />
                                                </svg>
                                              </div>
                                            </button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="d-flex flex-row aling-items-start text-truncate"
                              >
                                <div
                                  class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                                >
                                  <small
                                    class="mr-1"
                                  >
                                    Repo:
                                  </small>
                                </div>
                                <button
                                  class="p-0 border-0 text-dark text-truncate link"
                                  data-testid="repoLink"
                                >
                                  <div
                                    class="text-truncate"
                                  >
                                    Stable
                                  </div>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                        >
                          <div
                            class="text-truncate mb-1"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              Version: 
                            </span>
                            11.1.0
                            <span
                              class="text-muted text-uppercase mr-1 ml-3"
                            >
                              App Version: 
                            </span>
                            2.16.0
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-lg-flex flex-column align-items-end mb-auto ml-3"
                      >
                        <div
                          class="mb-2"
                        >
                          <small
                            class="text-muted text-nowrap date"
                          >
                            Updated Invalid date
                          </small>
                        </div>
                        <div
                          class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                        >
                          <span
                            class="badge badge-pill badge-light mr-2 starBadge"
                          >
                            <div
                              class="d-flex align-items-center"
                            >
                              <svg
                                class="mr-1"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 576 512"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                                />
                              </svg>
                              <div>
                                2
                              </div>
                            </div>
                          </span>
                          <img
                            alt="Icon"
                            class="icon"
                            src="/static/media/helm-chart.svg"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="mt-3 overflow-hidden description lineClamp"
                  >
                    Prometheus is a monitoring system and time series database.
                  </div>
                  <div
                    class="d-flex d-lg-none flex-row justify-content-between align-items-center mt-3 mt-lg-0"
                  >
                    <small
                      class="text-muted text-nowrap date"
                    >
                      Updated Invalid date
                    </small>
                    <div
                      class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                    >
                      <span
                        class="badge badge-pill badge-light mr-2 starBadge"
                      >
                        <div
                          class="d-flex align-items-center"
                        >
                          <svg
                            class="mr-1"
                            fill="currentColor"
                            height="1em"
                            stroke="currentColor"
                            stroke-width="0"
                            viewBox="0 0 576 512"
                            width="1em"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                            />
                          </svg>
                          <div>
                            2
                          </div>
                        </div>
                      </span>
                      <img
                        alt="Icon"
                        class="icon"
                        src="/static/media/helm-chart.svg"
                      />
                    </div>
                  </div>
                  <div
                    class="d-inline d-lg-none mt-2 mt-sm-0"
                  />
                </div>
              </a>
            </div>
          </div>
          <div
            class="col-12 py-sm-3 py-2"
            role="listitem"
          >
            <div
              class="card h-100 card"
            >
              <a
                class="text-decoration-none link"
                data-testid="link"
                href="/packages/falco/falco/traefik"
              >
                <div
                  class="card-body d-flex flex-column body"
                >
                  <div
                    class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                  >
                    <div
                      class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo Traefik"
                          class="image"
                          src="/image/e9b2caa9-d6ce-446d-abaa-64be6b063f54"
                          srcset="/image/e9b2caa9-d6ce-446d-abaa-64be6b063f54@1x 1x, /image/e9b2caa9-d6ce-446d-abaa-64be6b063f54@2x 2x, /image/e9b2caa9-d6ce-446d-abaa-64be6b063f54@3x 3x, /image/e9b2caa9-d6ce-446d-abaa-64be6b063f54@4x 4x"
                        />
                      </div>
                      <div
                        class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                      >
                        <div
                          class="text-truncate card-title mb-0"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <div
                              class="text-truncate title"
                            >
                              Traefik
                            </div>
                            <div
                              class="d-none d-lg-inline-block ml-3"
                            />
                          </div>
                        </div>
                        <div
                          class="card-subtitle text-truncate align-items-baseline subtitle"
                        >
                          <div
                            class="d-inline-block d-md-none text-truncate w-100"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/falco-rules.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        falco
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        repoUrl
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              class="d-flex flex-row align-items-center"
                                            >
                                              <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"
                                              >
                                                <rect
                                                  height="13"
                                                  rx="2"
                                                  ry="2"
                                                  width="13"
                                                  x="9"
                                                  y="9"
                                                />
                                                <path
                                                  d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                />
                                              </svg>
                                            </div>
                                          </button>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  falco
                                </div>
                              </button>
                            </div>
                          </div>
                          <div
                            class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline text-truncate mx50"
                            >
                              <span
                                class="text-muted text-uppercase mr-1"
                              >
                                User: 
                              </span>
                              <button
                                class="p-0 border-0 text-truncate text-dark mw-100 link"
                                data-testid="userLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  user
                                </div>
                              </button>
                            </div>
                            <div
                              class="ml-3 d-flex flex-row align-items-baseline mx50"
                            >
                              <div
                                class="position-absolute"
                              >
                                <div
                                  class="dropdown-menu dropdown-menu-left dropdown"
                                  data-testid="repoInfoDropdown"
                                >
                                  <div
                                    class="content"
                                  >
                                    <div
                                      class="d-flex flex-column"
                                    >
                                      <div
                                        class="d-flex flex-row align-items-center"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Repo: 
                                        </small>
                                        <img
                                          alt="Icon"
                                          class="mr-1 repoIconMini"
                                          src="/static/media/falco-rules.svg"
                                        />
                                        <div
                                          class="text-reset labelContent"
                                        >
                                          falco
                                        </div>
                                      </div>
                                      <div
                                        class="mt-2 d-flex flex-row align-items-baseline"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Url: 
                                        </small>
                                        <div
                                          class="text-reset urlContent labelContent"
                                        >
                                          repoUrl
                                          <div
                                            class="position-relative d-inline-block"
                                          >
                                            <button
                                              class="btn btn-sm miniBtn"
                                              data-testid="ctcBtn"
                                              type="button"
                                            >
                                              <div
                                                class="d-flex flex-row align-items-center"
                                              >
                                                <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"
                                                >
                                                  <rect
                                                    height="13"
                                                    rx="2"
                                                    ry="2"
                                                    width="13"
                                                    x="9"
                                                    y="9"
                                                  />
                                                  <path
                                                    d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                  />
                                                </svg>
                                              </div>
                                            </button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="d-flex flex-row aling-items-start text-truncate"
                              >
                                <div
                                  class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                                >
                                  <small
                                    class="mr-1"
                                  >
                                    Repo:
                                  </small>
                                </div>
                                <button
                                  class="p-0 border-0 text-dark text-truncate link"
                                  data-testid="repoLink"
                                >
                                  <div
                                    class="text-truncate"
                                  >
                                    falco
                                  </div>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                        >
                          <div
                            class="text-truncate mb-1"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              Version: 
                            </span>
                            1.0.0
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-lg-flex flex-column align-items-end mb-auto ml-3"
                      >
                        <div
                          class="mb-2"
                        >
                          <small
                            class="text-muted text-nowrap date"
                          >
                            Updated Invalid date
                          </small>
                        </div>
                        <div
                          class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                        >
                          <span
                            class="badge badge-pill badge-light mr-2 starBadge"
                          >
                            <div
                              class="d-flex align-items-center"
                            >
                              <svg
                                class="mr-1"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 576 512"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                                />
                              </svg>
                              <div>
                                2
                              </div>
                            </div>
                          </span>
                          <img
                            alt="Icon"
                            class="icon"
                            src="/static/media/falco-rules.svg"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="mt-3 overflow-hidden description lineClamp"
                  >
                    Falco rules for securing Traefik
                  </div>
                  <div
                    class="d-flex d-lg-none flex-row justify-content-between align-items-center mt-3 mt-lg-0"
                  >
                    <small
                      class="text-muted text-nowrap date"
                    >
                      Updated Invalid date
                    </small>
                    <div
                      class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                    >
                      <span
                        class="badge badge-pill badge-light mr-2 starBadge"
                      >
                        <div
                          class="d-flex align-items-center"
                        >
                          <svg
                            class="mr-1"
                            fill="currentColor"
                            height="1em"
                            stroke="currentColor"
                            stroke-width="0"
                            viewBox="0 0 576 512"
                            width="1em"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                            />
                          </svg>
                          <div>
                            2
                          </div>
                        </div>
                      </span>
                      <img
                        alt="Icon"
                        class="icon"
                        src="/static/media/falco-rules.svg"
                      />
                    </div>
                  </div>
                  <div
                    class="d-inline d-lg-none mt-2 mt-sm-0"
                  />
                </div>
              </a>
            </div>
          </div>
          <div
            class="col-12 py-sm-3 py-2"
            role="listitem"
          >
            <div
              class="card h-100 card"
            >
              <a
                class="text-decoration-none link"
                data-testid="link"
                href="/packages/opa/opa/trusted-registry-images"
              >
                <div
                  class="card-body d-flex flex-column body"
                >
                  <div
                    class="d-flex align-items-start justify-content-between flex-grow-1 mw-100"
                  >
                    <div
                      class="d-flex align-items-strecht flex-grow-1 h-100 truncateWrapper"
                    >
                      <div
                        class="d-flex align-items-center justify-content-center overflow-hidden rounded-circle p-1 imageWrapper"
                      >
                        <img
                          alt="Logo Trusted Registry Images"
                          class="image"
                          src="/image/0a54a7b4-2151-4eb7-af8d-55debc351c35"
                          srcset="/image/0a54a7b4-2151-4eb7-af8d-55debc351c35@1x 1x, /image/0a54a7b4-2151-4eb7-af8d-55debc351c35@2x 2x, /image/0a54a7b4-2151-4eb7-af8d-55debc351c35@3x 3x, /image/0a54a7b4-2151-4eb7-af8d-55debc351c35@4x 4x"
                        />
                      </div>
                      <div
                        class="d-flex flex-column justify-content-between ml-3 my-1 my-md-0 flex-grow-1 truncateWrapper titleWrapper"
                      >
                        <div
                          class="text-truncate card-title mb-0"
                        >
                          <div
                            class="d-flex flex-row align-items-center"
                          >
                            <div
                              class="text-truncate title"
                            >
                              Trusted Registry Images
                            </div>
                            <div
                              class="d-none d-lg-inline-block ml-3"
                            />
                          </div>
                        </div>
                        <div
                          class="card-subtitle text-truncate align-items-baseline subtitle"
                        >
                          <div
                            class="d-inline-block d-md-none text-truncate w-100"
                          >
                            <div
                              class="position-absolute"
                            >
                              <div
                                class="dropdown-menu dropdown-menu-left dropdown"
                                data-testid="repoInfoDropdown"
                              >
                                <div
                                  class="content"
                                >
                                  <div
                                    class="d-flex flex-column"
                                  >
                                    <div
                                      class="d-flex flex-row align-items-center"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Repo: 
                                      </small>
                                      <img
                                        alt="Icon"
                                        class="mr-1 repoIconMini"
                                        src="/static/media/opa-policies.svg"
                                      />
                                      <div
                                        class="text-reset labelContent"
                                      >
                                        opa
                                      </div>
                                    </div>
                                    <div
                                      class="mt-2 d-flex flex-row align-items-baseline"
                                    >
                                      <small
                                        class="text-muted text-uppercase mr-1"
                                      >
                                        Url: 
                                      </small>
                                      <div
                                        class="text-reset urlContent labelContent"
                                      >
                                        repoUrl
                                        <div
                                          class="position-relative d-inline-block"
                                        >
                                          <button
                                            class="btn btn-sm miniBtn"
                                            data-testid="ctcBtn"
                                            type="button"
                                          >
                                            <div
                                              class="d-flex flex-row align-items-center"
                                            >
                                              <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"
                                              >
                                                <rect
                                                  height="13"
                                                  rx="2"
                                                  ry="2"
                                                  width="13"
                                                  x="9"
                                                  y="9"
                                                />
                                                <path
                                                  d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                />
                                              </svg>
                                            </div>
                                          </button>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div
                              class="d-flex flex-row aling-items-start text-truncate"
                            >
                              <div
                                class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                              >
                                <small
                                  class="mr-1"
                                >
                                  Repo:
                                </small>
                              </div>
                              <button
                                class="p-0 border-0 text-dark text-truncate link"
                                data-testid="repoLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  opa
                                </div>
                              </button>
                            </div>
                          </div>
                          <div
                            class="d-none d-md-flex flex-row align-items-start w-100 wrapper"
                          >
                            <div
                              class="d-flex flex-row align-items-baseline text-truncate mx50"
                            >
                              <span
                                class="text-muted text-uppercase mr-1"
                              >
                                User: 
                              </span>
                              <button
                                class="p-0 border-0 text-truncate text-dark mw-100 link"
                                data-testid="userLink"
                              >
                                <div
                                  class="text-truncate"
                                >
                                  user1
                                </div>
                              </button>
                            </div>
                            <div
                              class="ml-3 d-flex flex-row align-items-baseline mx50"
                            >
                              <div
                                class="position-absolute"
                              >
                                <div
                                  class="dropdown-menu dropdown-menu-left dropdown"
                                  data-testid="repoInfoDropdown"
                                >
                                  <div
                                    class="content"
                                  >
                                    <div
                                      class="d-flex flex-column"
                                    >
                                      <div
                                        class="d-flex flex-row align-items-center"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Repo: 
                                        </small>
                                        <img
                                          alt="Icon"
                                          class="mr-1 repoIconMini"
                                          src="/static/media/opa-policies.svg"
                                        />
                                        <div
                                          class="text-reset labelContent"
                                        >
                                          opa
                                        </div>
                                      </div>
                                      <div
                                        class="mt-2 d-flex flex-row align-items-baseline"
                                      >
                                        <small
                                          class="text-muted text-uppercase mr-1"
                                        >
                                          Url: 
                                        </small>
                                        <div
                                          class="text-reset urlContent labelContent"
                                        >
                                          repoUrl
                                          <div
                                            class="position-relative d-inline-block"
                                          >
                                            <button
                                              class="btn btn-sm miniBtn"
                                              data-testid="ctcBtn"
                                              type="button"
                                            >
                                              <div
                                                class="d-flex flex-row align-items-center"
                                              >
                                                <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"
                                                >
                                                  <rect
                                                    height="13"
                                                    rx="2"
                                                    ry="2"
                                                    width="13"
                                                    x="9"
                                                    y="9"
                                                  />
                                                  <path
                                                    d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
                                                  />
                                                </svg>
                                              </div>
                                            </button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div
                                class="d-flex flex-row aling-items-start text-truncate"
                              >
                                <div
                                  class="d-flex flex-row align-items-start mr-1 text-muted text-uppercase"
                                >
                                  <small
                                    class="mr-1"
                                  >
                                    Repo:
                                  </small>
                                </div>
                                <button
                                  class="p-0 border-0 text-dark text-truncate link"
                                  data-testid="repoLink"
                                >
                                  <div
                                    class="text-truncate"
                                  >
                                    opa
                                  </div>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="d-none d-md-block card-subtitle text-truncate align-items-center subtitle"
                        >
                          <div
                            class="text-truncate mb-1"
                          >
                            <span
                              class="text-muted text-uppercase mr-1"
                            >
                              Version: 
                            </span>
                            0.1.0
                          </div>
                        </div>
                      </div>
                      <div
                        class="d-none d-lg-flex flex-column align-items-end mb-auto ml-3"
                      >
                        <div
                          class="mb-2"
                        >
                          <small
                            class="text-muted text-nowrap date"
                          >
                            Updated Invalid date
                          </small>
                        </div>
                        <div
                          class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                        >
                          <span
                            class="badge badge-pill badge-light mr-2 starBadge"
                          >
                            <div
                              class="d-flex align-items-center"
                            >
                              <svg
                                class="mr-1"
                                fill="currentColor"
                                height="1em"
                                stroke="currentColor"
                                stroke-width="0"
                                viewBox="0 0 576 512"
                                width="1em"
                                xmlns="http://www.w3.org/2000/svg"
                              >
                                <path
                                  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                                />
                              </svg>
                              <div>
                                2
                              </div>
                            </div>
                          </span>
                          <img
                            alt="Icon"
                            class="icon"
                            src="/static/media/opa-policies.svg"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="mt-3 overflow-hidden description lineClamp"
                  >
                    Open Policy Agent policy for running only images from a trusted repository
                  </div>
                  <div
                    class="d-flex d-lg-none flex-row justify-content-between align-items-center mt-3 mt-lg-0"
                  >
                    <small
                      class="text-muted text-nowrap date"
                    >
                      Updated Invalid date
                    </small>
                    <div
                      class="align-self-start d-flex align-items-center text-uppercase ml-auto kind"
                    >
                      <span
                        class="badge badge-pill badge-light mr-2 starBadge"
                      >
                        <div
                          class="d-flex align-items-center"
                        >
                          <svg
                            class="mr-1"
                            fill="currentColor"
                            height="1em"
                            stroke="currentColor"
                            stroke-width="0"
                            viewBox="0 0 576 512"
                            width="1em"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
                            />
                          </svg>
                          <div>
                            2
                          </div>
                        </div>
                      </span>
                      <img
                        alt="Icon"
                        class="icon"
                        src="/static/media/opa-policies.svg"
                      />
                    </div>
                  </div>
                  <div
                    class="d-inline d-lg-none mt-2 mt-sm-0"
                  />
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </main>
  </div>
</DocumentFragment>
`;
