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

exports[`Filters creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="filters"
  >
    <div
      class="d-flex flex-row align-items-baseline"
    >
      <div
        class="form-check me-sm-2 mb-2 checkbox"
      >
        <input
          aria-checked="false"
          class="form-check-input input"
          id="desktop-official-official"
          name="official"
          tabindex="0"
          type="checkbox"
          value="official"
        />
        <label
          class="form-check-label label mw-100"
          data-testid="checkboxLabel"
          for="desktop-official-official"
        >
          <div
            class="d-flex align-items-baseline mw-100"
          >
            <span
              class="d-inline-block text-truncate"
            >
              Official
            </span>
          </div>
        </label>
      </div>
      <div
        class="d-none d-md-block"
      >
        <div
          class="position-relative position-relative tooltipIcon"
        >
          <div
            data-testid="elementWithTooltip"
          >
            <svg
              fill="currentColor"
              height="1em"
              stroke="currentColor"
              stroke-width="0"
              viewBox="0 0 24 24"
              width="1em"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M0 0h24v24H0V0z"
                fill="none"
              />
              <path
                d="M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
              />
            </svg>
          </div>
        </div>
      </div>
    </div>
    <div
      class="d-flex flex-row align-items-baseline"
    >
      <div
        class="form-check me-sm-2 mb-2 checkbox"
      >
        <input
          aria-checked="false"
          class="form-check-input input"
          id="desktop-verifiedPublisher-verifiedPublisher"
          name="verifiedPublisher"
          tabindex="0"
          type="checkbox"
          value="verifiedPublisher"
        />
        <label
          class="form-check-label label mw-100"
          data-testid="checkboxLabel"
          for="desktop-verifiedPublisher-verifiedPublisher"
        >
          <div
            class="d-flex align-items-baseline mw-100"
          >
            <span
              class="d-inline-block text-truncate"
            >
              Verified publishers
            </span>
          </div>
        </label>
      </div>
      <div
        class="d-none d-md-block"
      >
        <div
          class="position-relative tooltipIcon"
        >
          <div
            data-testid="elementWithTooltip"
          >
            <svg
              fill="currentColor"
              height="1em"
              stroke="currentColor"
              stroke-width="0"
              viewBox="0 0 24 24"
              width="1em"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M0 0h24v24H0V0z"
                fill="none"
              />
              <path
                d="M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
              />
            </svg>
          </div>
        </div>
      </div>
    </div>
    <div
      class="mt-1 mt-sm-2 pt-1 facet"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1 undefined"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            aria-level="5"
            class="text-dark fw-bold"
            id="repo-kind-desktop"
            role="heading"
          >
            Kind
          </span>
        </small>
      </div>
      <div
        aria-labelledby="repo-kind-desktop"
        class="mt-3"
        role="group"
      >
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-kind-0"
            name="kind"
            tabindex="0"
            type="checkbox"
            value="0"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-kind-0"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Helm charts
              </span>
              <small
                class="ps-1"
              >
                (1520)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-kind-3"
            name="kind"
            tabindex="0"
            type="checkbox"
            value="3"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-kind-3"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                OLM operators
              </span>
              <small
                class="ps-1"
              >
                (152)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-kind-1"
            name="kind"
            tabindex="0"
            type="checkbox"
            value="1"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-kind-1"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Falco rules
              </span>
              <small
                class="ps-1"
              >
                (21)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-kind-2"
            name="kind"
            tabindex="0"
            type="checkbox"
            value="2"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-kind-2"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                OPA policies
              </span>
              <small
                class="ps-1"
              >
                (1)
              </small>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="mt-2 mt-sm-3 pt-1"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1 undefined"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            aria-level="5"
            class="text-dark fw-bold"
            role="heading"
          >
            Category
          </span>
        </small>
      </div>
      <div
        class="mt-3"
      >
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-database"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="database"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-database"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Database
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-integration-and-delivery"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="integration-and-delivery"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-integration-and-delivery"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Integration and Delivery
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-logging-and-tracing"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="logging-and-tracing"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-logging-and-tracing"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Logging and Tracing
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-machine-learning"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="machine-learning"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-machine-learning"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Machine learning
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-monitoring"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="monitoring"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-monitoring"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Monitoring
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-networking"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="networking"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-networking"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Networking
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-security"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="security"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-security"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Security
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-storage"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="storage"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-storage"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Storage
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-streaming-messaging"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="streaming-messaging"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-streaming-messaging"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Streaming and Messaging
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-tsQuery-web-applications"
            name="tsQuery"
            tabindex="0"
            type="checkbox"
            value="web-applications"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-tsQuery-web-applications"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Web applications
              </span>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="mt-2 mt-sm-3 pt-1 facet"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1 undefined"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            aria-level="5"
            class="text-dark fw-bold"
            role="heading"
          >
            Publisher
          </span>
        </small>
      </div>
      <div
        class="mt-3"
        role="group"
      >
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-org-helmOrg"
            name="org"
            tabindex="0"
            type="checkbox"
            value="helmOrg"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-org-helmOrg"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Helm org
              </span>
              <small
                class="ps-1"
              >
                (256)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-org-falco"
            name="org"
            tabindex="0"
            type="checkbox"
            value="falco"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-org-falco"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Falco
              </span>
              <small
                class="ps-1"
              >
                (22)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-user-testUser"
            name="user"
            tabindex="0"
            type="checkbox"
            value="testUser"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-user-testUser"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                testUser
              </span>
              <small
                class="ps-1"
              >
                (1)
              </small>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="mt-2 mt-sm-3 pt-1 facet"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1 undefined"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            aria-level="5"
            class="text-dark fw-bold"
            id="pkg-repo-desktop"
            role="heading"
          >
            Repository
          </span>
        </small>
      </div>
      <div
        aria-labelledby="pkg-repo-desktop"
        class="mt-3"
        role="group"
      >
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-repo-stable"
            name="repo"
            tabindex="0"
            type="checkbox"
            value="stable"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-repo-stable"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Stable
              </span>
              <small
                class="ps-1"
              >
                (203)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-repo-incubator"
            name="repo"
            tabindex="0"
            type="checkbox"
            value="incubator"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-repo-incubator"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Incubator
              </span>
              <small
                class="ps-1"
              >
                (53)
              </small>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="mt-2 mt-sm-3 pt-1 facet"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1 undefined"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            aria-level="5"
            class="text-dark fw-bold"
            id="pkg-license-desktop"
            role="heading"
          >
            License
          </span>
        </small>
      </div>
      <div
        aria-labelledby="pkg-license-desktop"
        class="mt-3"
        role="group"
      >
        <div
          class="form-check me-sm-2 mb-2 text-capitalize checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-license-Apache-2.0"
            name="license"
            tabindex="0"
            type="checkbox"
            value="Apache-2.0"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-license-Apache-2.0"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Apache-2.0
              </span>
              <small
                class="ps-1"
              >
                (3)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 text-capitalize checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-license-MIT"
            name="license"
            tabindex="0"
            type="checkbox"
            value="MIT"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-license-MIT"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                MIT
              </span>
              <small
                class="ps-1"
              >
                (1)
              </small>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="mt-2 mt-sm-3 pt-1 facet"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1 undefined"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            aria-level="5"
            class="text-dark fw-bold"
            id="pkg-capabilities-desktop"
            role="heading"
          >
            Operator capabilities
          </span>
        </small>
      </div>
      <div
        aria-labelledby="pkg-capabilities-desktop"
        class="mt-3"
        role="group"
      >
        <div
          class="form-check me-sm-2 mb-2 text-capitalize checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-capabilities-basic install"
            name="capabilities"
            tabindex="0"
            type="checkbox"
            value="basic install"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-capabilities-basic install"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                basic install
              </span>
              <small
                class="ps-1"
              >
                (73)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 text-capitalize checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-capabilities-seamless upgrades"
            name="capabilities"
            tabindex="0"
            type="checkbox"
            value="seamless upgrades"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-capabilities-seamless upgrades"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                seamless upgrades
              </span>
              <small
                class="ps-1"
              >
                (33)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 text-capitalize checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-capabilities-full lifecycle"
            name="capabilities"
            tabindex="0"
            type="checkbox"
            value="full lifecycle"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-capabilities-full lifecycle"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                full lifecycle
              </span>
              <small
                class="ps-1"
              >
                (25)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 text-capitalize checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-capabilities-deep insights"
            name="capabilities"
            tabindex="0"
            type="checkbox"
            value="deep insights"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-capabilities-deep insights"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                deep insights
              </span>
              <small
                class="ps-1"
              >
                (17)
              </small>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 text-capitalize checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-capabilities-auto pilot"
            name="capabilities"
            tabindex="0"
            type="checkbox"
            value="auto pilot"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-capabilities-auto pilot"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                auto pilot
              </span>
              <small
                class="ps-1"
              >
                (9)
              </small>
            </div>
          </label>
        </div>
      </div>
    </div>
    <div
      class="mt-2 mt-sm-3 pt-1 facet"
      role="menuitem"
    >
      <div
        class="mt-2 mb-1 undefined"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            aria-level="5"
            class="text-dark fw-bold"
            role="heading"
          >
            Others
          </span>
        </small>
      </div>
      <div
        class="mt-3"
      >
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-operators-operators"
            name="operators"
            tabindex="0"
            type="checkbox"
            value="operators"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-operators-operators"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Only operators
              </span>
            </div>
          </label>
        </div>
        <div
          class="form-check me-sm-2 mb-2 checkbox"
        >
          <input
            aria-checked="false"
            class="form-check-input input"
            id="desktop-deprecated-deprecated"
            name="deprecated"
            tabindex="0"
            type="checkbox"
            value="deprecated"
          />
          <label
            class="form-check-label label mw-100"
            data-testid="checkboxLabel"
            for="desktop-deprecated-deprecated"
          >
            <div
              class="d-flex align-items-baseline mw-100"
            >
              <span
                class="d-inline-block text-truncate"
              >
                Include deprecated
              </span>
            </div>
          </label>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
