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

exports[`LabelGroup label group compact 1`] = `
<DocumentFragment>
  <div
    class="pf-c-label-group"
  >
    <div
      class="pf-c-label-group__main"
    >
      <ul
        aria-label="Label group category"
        class="pf-c-label-group__list"
        role="list"
      >
        <li
          class="pf-c-label-group__list-item"
        >
          <span
            class="pf-c-label pf-m-compact"
          >
            <span
              class="pf-c-label__content"
            >
              1
            </span>
          </span>
        </li>
        <li
          class="pf-c-label-group__list-item"
        >
          <span
            class="pf-c-label pf-m-compact"
          >
            <span
              class="pf-c-label__content"
            >
              2
            </span>
          </span>
        </li>
        <li
          class="pf-c-label-group__list-item"
        >
          <span
            class="pf-c-label pf-m-compact"
          >
            <span
              class="pf-c-label__content"
            >
              3
            </span>
          </span>
        </li>
        <li
          class="pf-c-label-group__list-item"
        >
          <button
            class="pf-c-label pf-m-overflow pf-m-compact"
          >
            <span
              class="pf-c-label__content"
            >
              1 more
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</DocumentFragment>
`;

exports[`LabelGroup label group default 1`] = `
<DocumentFragment>
  <div
    class="pf-c-label-group"
  >
    <div
      class="pf-c-label-group__main"
    >
      <ul
        aria-label="Label group category"
        class="pf-c-label-group__list"
        role="list"
      >
        <li
          class="pf-c-label-group__list-item"
        >
          <span
            class="pf-c-label"
          >
            <span
              class="pf-c-label__content"
            >
              1.1
            </span>
          </span>
        </li>
      </ul>
    </div>
  </div>
</DocumentFragment>
`;

exports[`LabelGroup label group with category 1`] = `
<DocumentFragment>
  <div
    class="pf-c-label-group pf-m-category"
  >
    <div
      class="pf-c-label-group__main"
    >
      <span
        aria-hidden="true"
        class="pf-c-label-group__label"
        id="pf-random-id-1"
      >
        category
      </span>
      <ul
        aria-labelledby="pf-random-id-1"
        class="pf-c-label-group__list"
        role="list"
      >
        <li
          class="pf-c-label-group__list-item"
        >
          <span
            class="pf-c-label"
          >
            <span
              class="pf-c-label__content"
            >
              1.1
            </span>
          </span>
        </li>
      </ul>
    </div>
  </div>
</DocumentFragment>
`;

exports[`LabelGroup label group with category and tooltip 1`] = `
<DocumentFragment>
  <div
    class="pf-c-label-group pf-m-category"
  >
    <div
      class="pf-c-label-group__main"
    >
      <span
        aria-hidden="true"
        class="pf-c-label-group__label"
        id="pf-random-id-4"
      >
        A very long category name
      </span>
      <ul
        aria-labelledby="pf-random-id-4"
        class="pf-c-label-group__list"
        role="list"
      >
        <li
          class="pf-c-label-group__list-item"
        >
          <span
            class="pf-c-label"
          >
            <span
              class="pf-c-label__content"
            >
              1.1
            </span>
          </span>
        </li>
      </ul>
    </div>
  </div>
</DocumentFragment>
`;

exports[`LabelGroup label group with closable category 1`] = `
<DocumentFragment>
  <div
    class="pf-c-label-group pf-m-category"
  >
    <div
      class="pf-c-label-group__main"
    >
      <span
        aria-hidden="true"
        class="pf-c-label-group__label"
        id="pf-random-id-2"
      >
        category
      </span>
      <ul
        aria-labelledby="pf-random-id-2"
        class="pf-c-label-group__list"
        role="list"
      >
        <li
          class="pf-c-label-group__list-item"
        >
          <span
            class="pf-c-label"
          >
            <span
              class="pf-c-label__content"
            >
              1.1
            </span>
          </span>
        </li>
      </ul>
    </div>
    <div
      class="pf-c-label-group__close"
    >
      <button
        aria-disabled="false"
        aria-label="Close label group"
        aria-labelledby="remove_group_pf-random-id-2 pf-random-id-2"
        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"
        id="remove_group_pf-random-id-2"
        type="button"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="1em"
          role="img"
          style="vertical-align: -0.125em;"
          viewBox="0 0 512 512"
          width="1em"
        >
          <path
            d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"
          />
        </svg>
      </button>
    </div>
  </div>
</DocumentFragment>
`;
