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

exports[`Authorization settings index creates snapshot 1`] = `
<DocumentFragment>
  <main
    class="p-0"
    role="main"
  >
    <div
      class="h3 pb-2 border-bottom border-1 title"
    >
      Authorization
    </div>
    <div
      class="mt-4 mt-md-5"
    >
      <p>
         allows you to setup fine-grained access control based on authorization policies. Authorization polices are written in 
        <a
          aria-label="Open rego documentation"
          class="link text-primary fw-bold"
          href="https://www.openpolicyagent.org/docs/latest/#rego"
          rel="noopener noreferrer"
          role="button"
          tabindex="-1"
          target="_blank"
        >
          rego
        </a>
         and they are evaluated using the 
        <a
          aria-label="Open Open Policy Agent documentation"
          class="link text-primary fw-bold"
          href="https://www.openpolicyagent.org"
          rel="noopener noreferrer"
          role="button"
          tabindex="-1"
          target="_blank"
        >
          Open Policy Agent
        </a>
        . Depending on your requirements, you can use a predefined policy and only supply a data file, or you can provide your custom policy for maximum flexibility. For more information please see the 
        <a
          aria-label="Open documentation"
          class="link text-primary fw-bold"
          href="/docs/authorization"
          rel="noopener noreferrer"
          role="button"
          tabindex="-1"
          target="_blank"
        >
          documentation
        </a>
        .
      </p>
      <div
        class="form-check form-switch mb-4"
      >
        <input
          class="form-check-input"
          id="activeAuthorization"
          role="switch"
          type="checkbox"
          value="true"
        />
        <label
          class="form-check-label"
          for="activeAuthorization"
        >
          Fine-grained access control
        </label>
      </div>
      <div
        class="d-flex flex-row mt-4"
      >
        <div
          class="ms-auto"
        >
          <span
            class="position-relative"
          >
            <button
              aria-label="Update authorization policy"
              class="btn btn-sm btn-outline-secondary"
              type="button"
            >
              <div
                class="d-flex flex-row align-items-center undefined"
              >
                <div
                  class="d-flex flex-row align-items-center text-uppercase"
                >
                  <svg
                    class="me-2"
                    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="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"
                    />
                  </svg>
                  <div>
                    Save
                  </div>
                </div>
              </div>
            </button>
          </span>
        </div>
      </div>
      <div />
    </div>
  </main>
</DocumentFragment>
`;
