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

exports[`<RoomSummaryCard /> renders the room summary 1`] = `
<div>
  <div
    class="mx_BaseCard mx_RoomSummaryCard"
  >
    <div
      class="mx_AutoHideScrollbar"
      tabindex="-1"
    >
      <header
        class="mx_Flex mx_RoomSummaryCard_header"
        style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x);"
      >
        <button
          aria-label="Search"
          class="mx_RoomSummaryCard_searchBtn"
          data-state="closed"
          data-testid="summary-search"
        >
          <div
            height="100%"
            width="100%"
          />
        </button>
        <div
          class="mx_AccessibleButton mx_BaseCard_close"
          data-testid="base-card-close-button"
          role="button"
          tabindex="0"
          title="Close"
        />
      </header>
      <header
        class="mx_RoomSummaryCard_container"
      >
        <span
          class="_avatar_1o69u_17 mx_BaseAvatar _avatar-imageless_1o69u_60"
          data-color="7"
          data-testid="avatar-img"
          data-type="round"
          role="presentation"
          style="--cpd-avatar-size: 80px;"
        >
          !
        </span>
        <h1
          class="_font-heading-md-semibold_1jx6b_121 mx_RoomSummaryCard_roomName text-primary"
          title="!room:domain.org"
        >
          !room:domain.org
        </h1>
        <div
          class="_font-body-sm-semibold_1jx6b_45 mx_RoomSummaryCard_alias text-secondary"
          title=""
        />
        <section
          class="mx_Flex mx_RoomSummaryCard_badges"
          style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-2x);"
        >
          <span
            class="_font-body-sm-medium_1jx6b_50 _badge_qipht_17"
            data-kind="default"
          >
            <div
              width="1em"
            />
            Not encrypted
          </span>
        </section>
      </header>
      <div
        class="mx_BaseCard_Group mx_RoomSummaryCard_aboutGroup"
      >
        <h2>
          About
        </h2>
        <div
          class="mx_AccessibleButton mx_BaseCard_Button mx_RoomSummaryCard_Button mx_RoomSummaryCard_icon_people"
          role="button"
          tabindex="0"
        >
          People
          <span
            class="mx_BaseCard_Button_sublabel"
          >
            0
          </span>
        </div>
        <div
          class="mx_AccessibleButton mx_BaseCard_Button mx_RoomSummaryCard_Button mx_RoomSummaryCard_icon_files"
          role="button"
          tabindex="0"
        >
          Files
        </div>
        <div
          class="mx_AccessibleButton mx_BaseCard_Button mx_RoomSummaryCard_Button mx_RoomSummaryCard_icon_poll"
          role="button"
          tabindex="0"
        >
          Poll history
        </div>
        <div
          class="mx_AccessibleButton mx_BaseCard_Button mx_RoomSummaryCard_Button mx_RoomSummaryCard_icon_export"
          role="button"
          tabindex="0"
        >
          Export chat
        </div>
        <div
          class="mx_AccessibleButton mx_BaseCard_Button mx_RoomSummaryCard_Button mx_RoomSummaryCard_icon_share"
          data-testid="shareRoomButton"
          role="button"
          tabindex="0"
        >
          Share room
        </div>
        <div
          class="mx_AccessibleButton mx_BaseCard_Button mx_RoomSummaryCard_Button mx_RoomSummaryCard_icon_settings"
          role="button"
          tabindex="0"
        >
          Room settings
        </div>
      </div>
      <div
        class="mx_BaseCard_Group mx_RoomSummaryCard_appsGroup"
      >
        <h2>
          Widgets
        </h2>
        <div
          class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
          role="button"
          tabindex="0"
        >
          Add widgets, bridges & bots
        </div>
      </div>
    </div>
  </div>
</div>
`;