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

exports[`expandable vertical with subsection 1`] = `
<DocumentFragment>
  <nav
    aria-label="Jump to section"
    class="pf-c-jump-links pf-m-vertical pf-m-expandable"
  >
    <div
      class="pf-c-jump-links__main"
    >
      <div
        class="pf-c-jump-links__header"
      >
        <div
          class="pf-c-jump-links__toggle"
        >
          <button
            aria-disabled="false"
            aria-expanded="false"
            aria-label="Toggle jump links"
            class="pf-c-button pf-m-plain"
            data-ouia-component-id="OUIA-Generated-Button-plain-1"
            data-ouia-component-type="PF4/Button"
            data-ouia-safe="true"
            type="button"
          >
            <span
              class="pf-c-jump-links__toggle-icon"
            >
              <svg
                aria-hidden="true"
                fill="currentColor"
                height="1em"
                role="img"
                style="vertical-align: -0.125em;"
                viewBox="0 0 256 512"
                width="1em"
              >
                <path
                  d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
                />
              </svg>
            </span>
            <span
              class="pf-c-jump-links__toggle-text"
            >
               Jump to section 
            </span>
          </button>
        </div>
        <div
          class="pf-c-jump-links__label"
        >
          Jump to section
        </div>
      </div>
      <ul
        class="pf-c-jump-links__list"
      >
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Section with active subsection
            </span>
          </a>
          <ul
            class="pf-c-jump-links__list"
          >
            <li
              aria-current="location"
              class="pf-c-jump-links__item pf-m-current"
            >
              <a
                class="pf-c-jump-links__link"
              >
                <span
                  class="pf-c-jump-links__link-text"
                >
                  Active subsection
                </span>
              </a>
            </li>
            <li
              class="pf-c-jump-links__item"
            >
              <a
                class="pf-c-jump-links__link"
              >
                <span
                  class="pf-c-jump-links__link-text"
                >
                  Inactive subsection
                </span>
              </a>
            </li>
            <li
              class="pf-c-jump-links__item"
            >
              <a
                class="pf-c-jump-links__link"
              >
                <span
                  class="pf-c-jump-links__link-text"
                >
                  Inactive subsection
                </span>
              </a>
            </li>
          </ul>
        </li>
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
      </ul>
    </div>
  </nav>
</DocumentFragment>
`;

exports[`jumplinks centered 1`] = `
<DocumentFragment>
  <nav
    class="pf-c-jump-links pf-m-center"
  >
    <div
      class="pf-c-jump-links__main"
    >
      <div
        class="pf-c-jump-links__header"
      />
      <ul
        class="pf-c-jump-links__list"
      >
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
        <li
          aria-current="location"
          class="pf-c-jump-links__item pf-m-current"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Active section
            </span>
          </a>
        </li>
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
      </ul>
    </div>
  </nav>
</DocumentFragment>
`;

exports[`jumplinks with label 1`] = `
<DocumentFragment>
  <nav
    aria-label="Jump to section"
    class="pf-c-jump-links pf-m-center"
  >
    <div
      class="pf-c-jump-links__main"
    >
      <div
        class="pf-c-jump-links__header"
      >
        <div
          class="pf-c-jump-links__label"
        >
          Jump to section
        </div>
      </div>
      <ul
        class="pf-c-jump-links__list"
      >
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
        <li
          aria-current="location"
          class="pf-c-jump-links__item pf-m-current"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Active section
            </span>
          </a>
        </li>
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
      </ul>
    </div>
  </nav>
</DocumentFragment>
`;

exports[`simple jumplinks 1`] = `
<DocumentFragment>
  <nav
    class="pf-c-jump-links"
  >
    <div
      class="pf-c-jump-links__main"
    >
      <div
        class="pf-c-jump-links__header"
      />
      <ul
        class="pf-c-jump-links__list"
      >
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
        <li
          aria-current="location"
          class="pf-c-jump-links__item pf-m-current"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Active section
            </span>
          </a>
        </li>
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
      </ul>
    </div>
  </nav>
</DocumentFragment>
`;

exports[`vertical with label 1`] = `
<DocumentFragment>
  <nav
    aria-label="Jump to section"
    class="pf-c-jump-links pf-m-vertical"
  >
    <div
      class="pf-c-jump-links__main"
    >
      <div
        class="pf-c-jump-links__header"
      >
        <div
          class="pf-c-jump-links__label"
        >
          Jump to section
        </div>
      </div>
      <ul
        class="pf-c-jump-links__list"
      >
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
        <li
          aria-current="location"
          class="pf-c-jump-links__item pf-m-current"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Active section
            </span>
          </a>
        </li>
        <li
          class="pf-c-jump-links__item"
        >
          <a
            class="pf-c-jump-links__link"
          >
            <span
              class="pf-c-jump-links__link-text"
            >
              Inactive section
            </span>
          </a>
        </li>
      </ul>
    </div>
  </nav>
</DocumentFragment>
`;
