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

exports[`DevtoolsDialog renders the devtools dialog 1`] = `
<DocumentFragment>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
  <div
    aria-labelledby="mx_BaseDialog_title"
    class="mx_QuestionDialog mx_Dialog_fixedWidth"
    data-focus-lock-disabled="false"
    role="dialog"
    tabindex="-1"
  >
    <div
      class="mx_Dialog_header"
    >
      <h1
        class="mx_Heading_h3 mx_Dialog_title"
        id="mx_BaseDialog_title"
      >
        Developer Tools
      </h1>
    </div>
    <div
      class="mx_DevTools_label_left"
    >
      Toolbox
    </div>
    <span
      class="mx_CopyableText mx_DevTools_label_right"
    >
      Room ID: !id
      <button
        aria-describedby="_r_2_"
        aria-label="Copy"
        class="mx_AccessibleButton mx_CopyableText_copyButton"
        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="M14 5H5v9h1a1 1 0 1 1 0 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0z"
          />
          <path
            d="M8 10a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2zm2 0v9h9v-9z"
          />
        </svg>
      </button>
    </span>
    <div
      class="mx_DevTools_label_bottom"
    />
    <div
      class="mx_DevTools_content"
    >
      <div>
        <h2
          class="mx_DevTools_toolHeading"
        >
          Room
        </h2>
        <button
          class="mx_DevTools_button"
        >
          Send custom timeline event
        </button>
        <button
          class="mx_DevTools_button"
        >
          Explore room state
        </button>
        <button
          class="mx_DevTools_button"
        >
          Explore room account data
        </button>
        <button
          class="mx_DevTools_button"
        >
          View servers in room
        </button>
        <button
          class="mx_DevTools_button"
        >
          Notifications debug
        </button>
        <button
          class="mx_DevTools_button"
        >
          Active Widgets
        </button>
        <button
          class="mx_DevTools_button"
        >
          Users
        </button>
        <button
          class="mx_DevTools_button"
        >
          Explore sticky state
        </button>
      </div>
      <div>
        <h2
          class="mx_DevTools_toolHeading"
        >
          Other
        </h2>
        <button
          class="mx_DevTools_button"
        >
          Explore account data
        </button>
        <button
          class="mx_DevTools_button"
        >
          Settings explorer
        </button>
        <button
          class="mx_DevTools_button"
        >
          Server info
        </button>
        <button
          class="mx_DevTools_button"
        >
          End-to-end encryption
        </button>
      </div>
      <form
        class="_root_19upo_16 mx_DevTools_toggleForm"
      >
        <h2
          class="mx_DevTools_toolHeading"
        >
          Options
        </h2>
        <div
          class="_inline-field_19upo_32"
        >
          <div
            class="_inline-field-control_19upo_44"
          >
            <div
              class="_container_udcm8_10"
            >
              <input
                class="_input_udcm8_24"
                id="mx_SettingsFlag_vY7Q4uEh9K38"
                role="switch"
                type="checkbox"
              />
              <div
                class="_ui_udcm8_34"
              />
            </div>
          </div>
          <div
            class="_inline-field-body_19upo_38"
          >
            <label
              class="_label_19upo_59"
              for="mx_SettingsFlag_vY7Q4uEh9K38"
            >
              Developer mode
            </label>
          </div>
        </div>
        <div
          class="_inline-field_19upo_32"
        >
          <div
            class="_inline-field-control_19upo_44"
          >
            <div
              class="_container_udcm8_10"
            >
              <input
                class="_input_udcm8_24"
                id="mx_SettingsFlag_QgU2PomxwKpa"
                role="switch"
                type="checkbox"
              />
              <div
                class="_ui_udcm8_34"
              />
            </div>
          </div>
          <div
            class="_inline-field-body_19upo_38"
          >
            <label
              class="_label_19upo_59"
              for="mx_SettingsFlag_QgU2PomxwKpa"
            >
              Show hidden events in timeline
            </label>
          </div>
        </div>
        <div
          class="_inline-field_19upo_32"
        >
          <div
            class="_inline-field-control_19upo_44"
          >
            <div
              class="_container_udcm8_10"
            >
              <input
                class="_input_udcm8_24"
                id="mx_SettingsFlag_6hpi3YEetmBG"
                role="switch"
                type="checkbox"
              />
              <div
                class="_ui_udcm8_34"
              />
            </div>
          </div>
          <div
            class="_inline-field-body_19upo_38"
          >
            <label
              class="_label_19upo_59"
              for="mx_SettingsFlag_6hpi3YEetmBG"
            >
              Enable widget screenshots on supported widgets
            </label>
          </div>
        </div>
        <div
          class="_inline-field_19upo_32"
        >
          <div
            class="_inline-field-control_19upo_44"
          >
            <div
              class="_container_udcm8_10"
            >
              <input
                class="_input_udcm8_24"
                id="mx_SettingsFlag_4yVCeEefiPqp"
                role="switch"
                type="checkbox"
              />
              <div
                class="_ui_udcm8_34"
              />
            </div>
          </div>
          <div
            class="_inline-field-body_19upo_38"
          >
            <label
              class="_label_19upo_59"
              for="mx_SettingsFlag_4yVCeEefiPqp"
            >
              Disable bandwidth-heavy features
            </label>
            <span
              class="_message_19upo_85 _help-message_19upo_91"
              id="radix-_r_c_"
            >
              <span>
                <span
                  class="mx_SettingsTab_microcopy_warning"
                >
                  WARNING:
                </span>
                 Disables encryption, presence, avatars, read receipts, and typing notifications
              </span>
            </span>
          </div>
        </div>
      </form>
      <form
        class="_root_19upo_16"
      >
        <div
          class="_field_19upo_26"
        >
          <label
            class="_label_19upo_59"
            for="radix-_r_d_"
          >
            Element Call URL
          </label>
          <div
            class="_controls_17lij_8"
          >
            <input
              class="_control_d83jn_10"
              id="radix-_r_d_"
              name="input"
              title=""
              value=""
            />
          </div>
        </div>
      </form>
    </div>
    <div
      class="mx_Dialog_buttons"
    >
      <button>
        Back
      </button>
    </div>
    <div
      aria-label="Close dialog"
      class="mx_AccessibleButton mx_Dialog_cancelButton"
      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="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>
  </div>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
</DocumentFragment>
`;
