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

exports[`<RoomListPrimaryFilters /> should renders all filters correctly 1`] = `
<DocumentFragment>
  <div
    class="flex mx_RoomListPrimaryFilters"
    data-testid="primary-filters"
    style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
  >
    <div
      aria-label="Room list filters"
      class="flex"
      id="«r0»"
      role="listbox"
      style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
    >
      <button
        aria-hidden="false"
        aria-selected="true"
        class="_chat-filter_5qdp0_8"
        role="option"
        tabindex="0"
      >
        People
      </button>
      <button
        aria-hidden="false"
        aria-selected="false"
        class="_chat-filter_5qdp0_8"
        role="option"
        tabindex="0"
      >
        Rooms
      </button>
      <button
        aria-hidden="false"
        aria-selected="false"
        class="_chat-filter_5qdp0_8"
        role="option"
        tabindex="0"
      >
        Unreads
      </button>
    </div>
  </div>
</DocumentFragment>
`;
