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

exports[`Toolbar should render inset 1`] = `
<DocumentFragment>
  <div
    class="pf-v6-c-toolbar pf-m-inset-none pf-m-inset-sm-on-md pf-m-inset-2xl-on-xl pf-m-inset-lg-on-2xl"
    data-ouia-component-id="OUIA-Generated-Toolbar-1"
    data-ouia-component-type="PF6/Toolbar"
    data-ouia-safe="true"
    id="toolbar"
  >
    <div
      class="pf-v6-c-toolbar__content"
    >
      <div
        class="pf-v6-c-toolbar__content-section"
      >
        <div
          class="pf-v6-c-toolbar__item"
        >
          Test
        </div>
        <div
          class="pf-v6-c-toolbar__item"
        >
          Test 2
        </div>
        <hr
          class="pf-v6-c-divider pf-m-vertical"
        />
        <div
          class="pf-v6-c-toolbar__item"
        >
          Test 3 
        </div>
      </div>
    </div>
    <div
      class="pf-v6-c-toolbar__content pf-m-hidden"
      hidden=""
    >
      <div
        class="pf-v6-c-toolbar__group"
      />
    </div>
  </div>
</DocumentFragment>
`;

exports[`Toolbar should render with custom label content 1`] = `
<DocumentFragment>
  <div
    class="pf-v6-c-toolbar pf-m-toggle-group-container"
    data-ouia-component-id="OUIA-Generated-Toolbar-2"
    data-ouia-component-type="PF6/Toolbar"
    data-ouia-safe="true"
    id="toolbar-with-filter"
  >
    <div
      class="pf-v6-c-toolbar__content"
    >
      <div
        class="pf-v6-c-toolbar__content-section"
      >
        <div
          class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
        >
          <div
            class="pf-v6-c-toolbar__toggle"
          >
            <button
              aria-disabled="false"
              aria-haspopup="false"
              aria-label="Show Filters"
              class="pf-v6-c-button pf-m-plain"
              data-ouia-component-id="OUIA-Generated-Button-plain-1"
              data-ouia-component-type="PF6/Button"
              data-ouia-safe="true"
              type="button"
            >
              <span
                class="pf-v6-c-button__icon"
              />
            </button>
          </div>
          <div
            class="pf-v6-c-toolbar__group pf-m-filter-group"
          >
            <div
              class="pf-v6-c-toolbar__item"
            >
              test content
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="pf-v6-c-toolbar__content"
    >
      <div
        aria-hidden="true"
        class="pf-v6-c-toolbar__group pf-m-hidden"
        hidden=""
      >
        <div
          class="pf-v6-c-toolbar__item pf-m-label-group pf-m-label-group"
        >
          <div
            class="pf-v6-c-label-group pf-m-category"
          >
            <div
              class="pf-v6-c-label-group__main"
            >
              <span
                aria-hidden="true"
                class="pf-v6-c-label-group__label"
                id="generated-id"
              >
                Status
              </span>
              <ul
                aria-labelledby="generated-id"
                class="pf-v6-c-label-group__list"
                role="list"
              >
                <li
                  class="pf-v6-c-label-group__list-item"
                >
                  <span
                    class="pf-v6-c-label pf-m-outline"
                  >
                    <span
                      class="pf-v6-c-label__content"
                    >
                      <span
                        class="pf-v6-c-label__text"
                      >
                        New
                      </span>
                    </span>
                    <span
                      class="pf-v6-c-label__actions"
                    >
                      <button
                        aria-disabled="false"
                        aria-label="Close New"
                        class="pf-v6-c-button pf-m-plain pf-m-no-padding"
                        data-ouia-component-id="OUIA-Generated-Button-plain-2"
                        data-ouia-component-type="PF6/Button"
                        data-ouia-safe="true"
                        type="button"
                      >
                        <span
                          class="pf-v6-c-button__icon"
                        >
                          <svg
                            aria-hidden="true"
                            class="pf-v6-svg"
                            fill="currentColor"
                            height="1em"
                            role="img"
                            viewBox="0 0 352 512"
                            width="1em"
                          >
                            <path
                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
                            />
                          </svg>
                        </span>
                      </button>
                    </span>
                  </span>
                </li>
                <li
                  class="pf-v6-c-label-group__list-item"
                >
                  <span
                    class="pf-v6-c-label pf-m-outline"
                  >
                    <span
                      class="pf-v6-c-label__content"
                    >
                      <span
                        class="pf-v6-c-label__text"
                      >
                        Pending
                      </span>
                    </span>
                    <span
                      class="pf-v6-c-label__actions"
                    >
                      <button
                        aria-disabled="false"
                        aria-label="Close Pending"
                        class="pf-v6-c-button pf-m-plain pf-m-no-padding"
                        data-ouia-component-id="OUIA-Generated-Button-plain-3"
                        data-ouia-component-type="PF6/Button"
                        data-ouia-safe="true"
                        type="button"
                      >
                        <span
                          class="pf-v6-c-button__icon"
                        >
                          <svg
                            aria-hidden="true"
                            class="pf-v6-svg"
                            fill="currentColor"
                            height="1em"
                            role="img"
                            viewBox="0 0 352 512"
                            width="1em"
                          >
                            <path
                              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
                            />
                          </svg>
                        </span>
                      </button>
                    </span>
                  </span>
                </li>
              </ul>
            </div>
            <div
              class="pf-v6-c-label-group__close"
            >
              <button
                aria-disabled="false"
                aria-label="Close label group"
                aria-labelledby="remove_group_generated-id generated-id"
                class="pf-v6-c-button pf-m-plain pf-m-no-padding"
                data-ouia-component-id="OUIA-Generated-Button-plain-4"
                data-ouia-component-type="PF6/Button"
                data-ouia-safe="true"
                id="remove_group_generated-id"
                type="button"
              >
                <span
                  class="pf-v6-c-button__icon"
                >
                  <svg
                    aria-hidden="true"
                    class="pf-v6-svg"
                    fill="currentColor"
                    height="1em"
                    role="img"
                    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>
                </span>
              </button>
            </div>
          </div>
        </div>
      </div>
      <div
        class="pf-v6-c-toolbar__group pf-m-action-group-inline"
      >
        <div
          class="pf-v6-c-toolbar__item"
        >
          2 filters applied
        </div>
        <div
          class="pf-v6-c-toolbar__item"
        >
          <button
            aria-disabled="false"
            class="pf-v6-c-button pf-m-link pf-m-inline"
            data-ouia-component-id="OUIA-Generated-Button-link-1"
            data-ouia-component-type="PF6/Button"
            data-ouia-safe="true"
            type="button"
          >
            <span
              class="pf-v6-c-button__text"
            >
              Save filters
            </span>
          </button>
        </div>
        <div
          class="pf-v6-c-toolbar__item"
        >
          <button
            aria-disabled="false"
            class="pf-v6-c-button pf-m-link pf-m-inline"
            data-ouia-component-id="OUIA-Generated-Button-link-2"
            data-ouia-component-type="PF6/Button"
            data-ouia-safe="true"
            type="button"
          >
            <span
              class="pf-v6-c-button__text"
            >
              Clear all filters
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;