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

exports[`OLMOCIInstall creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="my-2"
  >
    <small
      class="text-muted mt-2 mb-1"
    >
      Channel
    </small>
  </div>
  <div
    class=" w-50"
  >
    <select
      aria-label="channel-select"
      class="form-select form-select-sm mb-1"
    >
      <option
        value="stable"
      >
        stable
      </option>
      <option
        value="alpha"
      >
        alpha
      </option>
    </select>
  </div>
  <div
    class="my-2"
  >
    <small
      class="text-muted mt-2 mb-1"
    >
      Install catalog
    </small>
  </div>
  <div
    class="mb-2"
  >
    <span
      class="badge badge-dark badge-sm"
    >
      <small
        class="text-uppercase me-2"
      >
        File:
      </small>
      repo-catalog.yaml
    </span>
  </div>
  <div
    class="d-flex align-items-start"
  >
    <div
      class="flex-grow-1 me-3 blockWrapper"
    >
      <pre
        style="display: block; overflow-x: auto; padding: 0.5em; color: rgb(0, 0, 0); background: rgb(248, 248, 255);"
      >
        <code
          class="language-yaml"
          style="white-space: pre;"
        >
          <span
            class="hljs-attr"
          >
            apiVersion:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            operators.coreos.com/v1alpha1
          </span>
          <span>
            

          </span>
          <span />
          <span
            class="hljs-attr"
          >
            kind:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            CatalogSource
          </span>
          <span>
            

          </span>
          <span />
          <span
            class="hljs-attr"
          >
            metadata:
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            name:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            repo-catalog
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            namespace:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            default
          </span>
          <span>
            

          </span>
          <span />
          <span
            class="hljs-attr"
          >
            spec:
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            displayName:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            Repo
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            publisher:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            user
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            sourceType:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            grpc
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            image:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            docker.io/ibmcom/ibm-operator-catalog:latest
          </span>
        </code>
      </pre>
    </div>
    <div>
      <div
        class="position-relative undefined"
      >
        <button
          aria-label="Copy command to clipboard"
          class="btn btn-sm btn-primary rounded-circle copyBtn"
          type="button"
        >
          <div
            aria-hidden="true"
            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
    class="d-flex align-items-start"
  >
    <div
      class="flex-grow-1 me-3 blockWrapper"
    >
      <pre
        style="display: block; overflow-x: auto; padding: 0.5em; color: rgb(0, 0, 0); background: rgb(248, 248, 255);"
      >
        <code
          class="language-bash"
          style="white-space: pre;"
        >
          <span>
            kubectl apply -f repo-catalog.yaml
          </span>
        </code>
      </pre>
    </div>
    <div>
      <div
        class="position-relative undefined"
      >
        <button
          aria-label="Copy command to clipboard"
          class="btn btn-sm btn-primary rounded-circle copyBtn"
          type="button"
        >
          <div
            aria-hidden="true"
            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
    class="my-2"
  >
    <small
      class="text-muted mt-2 mb-1"
    >
      Create subscription
    </small>
  </div>
  <div
    class="mb-2"
  >
    <span
      class="badge badge-dark badge-sm"
    >
      <small
        class="text-uppercase me-2"
      >
        File:
      </small>
      packageName-subscription.yaml
    </span>
  </div>
  <div
    class="d-flex align-items-start"
  >
    <div
      class="flex-grow-1 me-3 blockWrapper"
    >
      <pre
        style="display: block; overflow-x: auto; padding: 0.5em; color: rgb(0, 0, 0); background: rgb(248, 248, 255);"
      >
        <code
          class="language-yaml"
          style="white-space: pre;"
        >
          <span
            class="hljs-attr"
          >
            apiVersion:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            operators.coreos.com/v1alpha1
          </span>
          <span>
            

          </span>
          <span />
          <span
            class="hljs-attr"
          >
            kind:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            Subscription
          </span>
          <span>
            

          </span>
          <span />
          <span
            class="hljs-attr"
          >
            metadata:
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            name:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            packageName-subscription
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            namespace:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            default
          </span>
          <span>
            

          </span>
          <span />
          <span
            class="hljs-attr"
          >
            spec:
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            channel:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            stable
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            name:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            packageName
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            source:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            repo-catalog
          </span>
          <span>
            

          </span>
          <span>
              
          </span>
          <span
            class="hljs-attr"
          >
            sourceNamespace:
          </span>
          <span>
             
          </span>
          <span
            style="color: rgb(33, 145, 97);"
          >
            default
          </span>
        </code>
      </pre>
    </div>
    <div>
      <div
        class="position-relative undefined"
      >
        <button
          aria-label="Copy command to clipboard"
          class="btn btn-sm btn-primary rounded-circle copyBtn"
          type="button"
        >
          <div
            aria-hidden="true"
            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
    class="d-flex align-items-start"
  >
    <div
      class="flex-grow-1 me-3 blockWrapper"
    >
      <pre
        style="display: block; overflow-x: auto; padding: 0.5em; color: rgb(0, 0, 0); background: rgb(248, 248, 255);"
      >
        <code
          class="language-bash"
          style="white-space: pre;"
        >
          <span>
            kubectl apply -f packageName-subscription.yaml
          </span>
        </code>
      </pre>
    </div>
    <div>
      <div
        class="position-relative undefined"
      >
        <button
          aria-label="Copy command to clipboard"
          class="btn btn-sm btn-primary rounded-circle copyBtn"
          type="button"
        >
          <div
            aria-hidden="true"
            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
    class="mt-2"
  >
    <a
      aria-label="Download OLM"
      class="link btn btn-link ps-0"
      href="https://github.com/operator-framework/operator-lifecycle-manager/blob/master/doc/install/install.md"
      rel="noopener noreferrer"
      role="button"
      tabindex="-1"
      target="_blank"
    >
      Need OLM?
    </a>
  </div>
</DocumentFragment>
`;
