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

exports[`CapabilityLevel creates snapshot 1`] = `
<DocumentFragment>
  <div>
    <div
      class="d-inline"
    >
      <div
        class="mt-2 mb-1 d-inline"
        data-testid="smallTitle"
      >
        <small
          class="card-title text-muted text-uppercase"
        >
          <span
            aria-level="5"
            role="heading"
          >
            Capability Level
          </span>
        </small>
      </div>
      <div
        class="d-none d-lg-inline-block ms-2"
      >
        <div
          class="position-relative buttonWrapper"
        >
          <button
            aria-label="Open modal"
            class="fw-bold text-uppercase position-relative btn w-100 btn btn-link btn-sm px-0 pb-0 text-dark btn"
            type="button"
          >
            <div
              class="d-flex align-items-center justify-content-center"
            >
              <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>
          </button>
        </div>
        <div
          aria-modal="false"
          class="modal modal"
          role="dialog"
        >
          <div
            class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable"
          >
            <div
              class="modal-content border border-3 mx-auto content"
            >
              <div
                class="modal-header d-flex flex-row align-items-center header undefined"
              >
                <div
                  class="h3 m-2 flex-grow-1 title"
                >
                  Capability level
                </div>
                <button
                  aria-label="Close"
                  class="btn-close"
                  type="button"
                />
              </div>
              <div
                class="modal-body p-4 h-100 d-flex flex-column"
              >
                <div>
                  <div
                    class="overflow-hidden alertWrapper"
                    data-testid="alertWrapper"
                  />
                </div>
              </div>
              <div
                class="modal-footer p-3"
              >
                <button
                  aria-label="Close modal"
                  class="btn btn-sm btn-outline-secondary text-uppercase"
                  type="button"
                >
                  <div
                    class="d-flex flex-row align-items-center"
                  >
                    <svg
                      class="me-2"
                      fill="currentColor"
                      height="1em"
                      stroke="currentColor"
                      stroke-width="0"
                      viewBox="0 0 24 24"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M0 0h24v24H0z"
                        fill="none"
                      />
                      <path
                        d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
                      />
                    </svg>
                    <div>
                      Close
                    </div>
                  </div>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="mb-3 position-relative"
    >
      <div
        class="d-flex flex-row align-items-center my-2 position-relative stepWrapper stepWrapper"
      >
        <div
          class="rounded-circle text-center me-2 textLight step border bg-white step activeStep activeStep"
          data-testid="capabilityLevelStep"
        >
          <svg
            fill="currentColor"
            height="1em"
            stroke="currentColor"
            stroke-width="0"
            viewBox="0 0 512 512"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
            />
          </svg>
        </div>
        <small
          class="text-capitalize"
        >
          basic install
        </small>
      </div>
      <div
        class="d-flex flex-row align-items-center my-2 position-relative stepWrapper stepWrapper"
      >
        <div
          class="rounded-circle text-center me-2 textLight step border bg-white step activeStep activeStep"
          data-testid="capabilityLevelStep"
        >
          <svg
            fill="currentColor"
            height="1em"
            stroke="currentColor"
            stroke-width="0"
            viewBox="0 0 512 512"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
            />
          </svg>
        </div>
        <small
          class="text-capitalize"
        >
          seamless upgrades
        </small>
      </div>
      <div
        class="d-flex flex-row align-items-center my-2 position-relative stepWrapper stepWrapper"
      >
        <div
          class="rounded-circle text-center me-2 textLight step border bg-white step activeStep activeStep"
          data-testid="capabilityLevelStep"
        >
          <svg
            fill="currentColor"
            height="1em"
            stroke="currentColor"
            stroke-width="0"
            viewBox="0 0 512 512"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
            />
          </svg>
        </div>
        <small
          class="text-capitalize"
        >
          full lifecycle
        </small>
      </div>
      <div
        class="d-flex flex-row align-items-center my-2 position-relative stepWrapper stepWrapper"
      >
        <div
          class="rounded-circle text-center me-2 textLight step border bg-white step activeStep activeStep"
          data-testid="capabilityLevelStep"
        >
          <svg
            fill="currentColor"
            height="1em"
            stroke="currentColor"
            stroke-width="0"
            viewBox="0 0 512 512"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
            />
          </svg>
        </div>
        <small
          class="text-capitalize"
        >
          deep insights
        </small>
      </div>
      <div
        class="d-flex flex-row align-items-center my-2 position-relative stepWrapper stepWrapper"
      >
        <div
          class="rounded-circle text-center me-2 textLight step border bg-white step"
          data-testid="capabilityLevelStep"
        />
        <small
          class="text-capitalize text-muted"
        >
          auto pilot
        </small>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
