// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`<ExtensionsCard /> should render empty state 1`] = `
<DocumentFragment>
  <div
    class="mx_BaseCard mx_ExtensionsCard"
  >
    <div
      class="mx_BaseCard_header"
    >
      <div
        class="mx_BaseCard_header_title"
      >
        <p
          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
          role="heading"
        >
          Extensions
        </p>
      </div>
      <button
        aria-labelledby="_r_0_"
        class="_icon-button_1215g_8"
        data-kind="secondary"
        data-testid="base-card-close-button"
        role="button"
        style="--cpd-icon-button-size: 28px;"
        tabindex="0"
      >
        <div
          class="_indicator-icon_147l5_17"
          style="--cpd-icon-button-size: 100%;"
        >
          <svg
            fill="currentColor"
            height="1em"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
            />
          </svg>
        </div>
      </button>
    </div>
    <div
      class="mx_AutoHideScrollbar"
      tabindex="-1"
    >
      <button
        class="_button_1nw83_8 _has-icon_1nw83_60"
        data-kind="secondary"
        data-size="md"
        role="button"
        tabindex="0"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="20"
          viewBox="0 0 24 24"
          width="20"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
          />
        </svg>
        Add extensions
      </button>
      <div
        class="_flex_4dswl_9 mx_EmptyState"
        style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
      >
        <svg
          fill="currentColor"
          height="32px"
          viewBox="0 0 24 24"
          width="32px"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M17.25 11.672a.9.9 0 0 1-.663-.282L12.61 7.413a.9.9 0 0 1-.282-.663q0-.381.282-.663l3.977-3.977a.9.9 0 0 1 .663-.282q.381 0 .663.282l3.977 3.977a.9.9 0 0 1 .282.663.9.9 0 0 1-.282.663l-3.977 3.977a.9.9 0 0 1-.663.282m2.475-4.922L17.25 4.275 14.775 6.75l2.475 2.475zM4 11a.97.97 0 0 1-.712-.287A.97.97 0 0 1 3 10V4q0-.424.288-.712A.97.97 0 0 1 4 3h6q.424 0 .713.288Q11 3.575 11 4v6q0 .424-.287.713A.97.97 0 0 1 10 11zm5-2V5H5v4zm5 12a.97.97 0 0 1-.713-.288A.97.97 0 0 1 13 20v-6q0-.424.287-.713A.97.97 0 0 1 14 13h6q.424 0 .712.287.288.288.288.713v6q0 .424-.288.712A.97.97 0 0 1 20 21zm5-2v-4h-4v4zM4 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-6q0-.424.288-.713A.97.97 0 0 1 4 13h6q.424 0 .713.287.287.288.287.713v6q0 .424-.287.712A.97.97 0 0 1 10 21zm5-2v-4H5v4z"
          />
        </svg>
        <p
          class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
        >
          Boost productivity with more tools, widgets and bots
        </p>
        <p
          class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
        >
          Select “Add extensions” to browse and add extensions to this room
        </p>
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`<ExtensionsCard /> should render widgets 1`] = `
<DocumentFragment>
  <div
    class="mx_BaseCard mx_ExtensionsCard"
  >
    <div
      class="mx_BaseCard_header"
    >
      <div
        class="mx_BaseCard_header_title"
      >
        <p
          class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_BaseCard_header_title_heading"
          role="heading"
        >
          Extensions
        </p>
      </div>
      <button
        aria-labelledby="_r_6_"
        class="_icon-button_1215g_8"
        data-kind="secondary"
        data-testid="base-card-close-button"
        role="button"
        style="--cpd-icon-button-size: 28px;"
        tabindex="0"
      >
        <div
          class="_indicator-icon_147l5_17"
          style="--cpd-icon-button-size: 100%;"
        >
          <svg
            fill="currentColor"
            height="1em"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
            />
          </svg>
        </div>
      </button>
    </div>
    <div
      class="mx_AutoHideScrollbar"
      tabindex="-1"
    >
      <button
        class="_button_1nw83_8 _has-icon_1nw83_60"
        data-kind="secondary"
        data-size="md"
        role="button"
        tabindex="0"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="20"
          viewBox="0 0 24 24"
          width="20"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M11 13H6a.97.97 0 0 1-.713-.287A.97.97 0 0 1 5 12q0-.424.287-.713A.97.97 0 0 1 6 11h5V6q0-.424.287-.713A.97.97 0 0 1 12 5q.424 0 .713.287Q13 5.576 13 6v5h5q.424 0 .712.287.288.288.288.713 0 .424-.288.713A.97.97 0 0 1 18 13h-5v5q0 .424-.287.712A.97.97 0 0 1 12 19a.97.97 0 0 1-.713-.288A.97.97 0 0 1 11 18z"
          />
        </svg>
        Add extensions
      </button>
      <div
        class="_separator_13qwf_8"
        data-kind="primary"
        data-orientation="horizontal"
        role="separator"
      />
      <div
        class="mx_BaseCard_Button mx_ExtensionsCard_Button"
      >
        <div
          class="mx_AccessibleButton mx_ExtensionsCard_icon_app"
          role="button"
          tabindex="0"
        >
          <span
            aria-label="Avatar"
            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
            data-color="1"
            data-testid="avatar-img"
            data-type="round"
            role="img"
            style="--cpd-avatar-size: 24px;"
          >
            <img
              alt=""
              class="_image_va14e_43"
              data-type="round"
              height="24px"
              loading="lazy"
              referrerpolicy="no-referrer"
              src="image-file-stub"
              width="24px"
            />
          </span>
          <p
            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_lineClamp"
          >
            Custom Widget
          </p>
        </div>
        <div
          aria-label="Pin"
          class="mx_AccessibleButton mx_ExtensionsCard_app_pinToggle"
          role="button"
          tabindex="0"
        >
          <svg
            fill="currentColor"
            height="1em"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
            />
          </svg>
        </div>
      </div>
      <div
        class="mx_BaseCard_Button mx_ExtensionsCard_Button"
      >
        <div
          class="mx_AccessibleButton mx_ExtensionsCard_icon_app"
          role="button"
          tabindex="0"
        >
          <span
            aria-label="Avatar"
            class="_avatar_va14e_8 mx_BaseAvatar mx_WidgetAvatar"
            data-color="1"
            data-testid="avatar-img"
            data-type="round"
            role="img"
            style="--cpd-avatar-size: 24px;"
          >
            <img
              alt=""
              class="_image_va14e_43"
              data-type="round"
              height="24px"
              loading="lazy"
              referrerpolicy="no-referrer"
              src="image-file-stub"
              width="24px"
            />
          </span>
          <p
            class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 mx_lineClamp"
          >
            Jitsi
          </p>
        </div>
        <div
          aria-label="Pin"
          class="mx_AccessibleButton mx_ExtensionsCard_app_pinToggle"
          role="button"
          tabindex="0"
        >
          <svg
            fill="currentColor"
            height="1em"
            viewBox="0 0 24 24"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M5.769 2.857A.5.5 0 0 1 6.119 2h11.762a.5.5 0 0 1 .35.857L16.15 4.9a.5.5 0 0 0-.15.357v4.487a.5.5 0 0 0 .15.356l3.7 3.644a.5.5 0 0 1 .15.356v1.4a.5.5 0 0 1-.5.5H13v6a1 1 0 1 1-2 0v-6H4.5a.5.5 0 0 1-.5-.5v-1.4a.5.5 0 0 1 .15-.356l3.7-3.644A.5.5 0 0 0 8 9.744V5.257a.5.5 0 0 0-.15-.357z"
            />
          </svg>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`<ExtensionsCard /> should show context menu on widget row 1`] = `null`;
