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

exports[`ReportRoomDialog displays admin message 1`] = `
<div>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
  <div
    aria-describedby="mx_ReportEventDialog"
    aria-labelledby="mx_BaseDialog_title"
    class="mx_ReportRoomDialog mx_Dialog_fixedWidth"
    data-focus-lock-disabled="false"
    role="dialog"
  >
    <div
      class="mx_Dialog_header"
    >
      <h1
        class="mx_Heading_h3 mx_Dialog_title"
        id="mx_BaseDialog_title"
      >
        Report room
      </h1>
    </div>
    <form
      class="_root_19upo_16"
      id="mx_ReportEventDialog"
    >
      <div
        class="_field_19upo_26"
      >
        <label
          class="_label_19upo_59"
          for="mx_ReportRoomDialog_reason"
        >
          Describe the reason
        </label>
        <textarea
          id="mx_ReportRoomDialog_reason"
          rows="5"
        />
        <span
          class="_message_19upo_85 _help-message_19upo_91"
          id="radix-«r8»"
        >
          Report this room to your account provider. If the messages are encrypted, your admin will not be able to read them.
        </span>
      </div>
      <p>
        <h1>
          You should know
        </h1>
        

        <p>
          This doesn't actually go 
          <strong>
            anywhere
          </strong>
          .
        </p>
        

      </p>
      <div
        class="mx_SettingsFlag"
      >
        <span
          class="mx_SettingsFlag_label"
        >
          <div
            id="mx_LabelledToggleSwitch_«r9»"
          >
            Leave room
          </div>
        </span>
        <div
          aria-checked="false"
          aria-disabled="false"
          aria-labelledby="mx_LabelledToggleSwitch_«r9»"
          class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
          role="switch"
          tabindex="0"
        >
          <div
            class="mx_ToggleSwitch_ball"
          />
        </div>
      </div>
      <div
        class="mx_Dialog_buttons"
      >
        <span
          class="mx_Dialog_buttons_row"
        >
          <button
            data-testid="dialog-cancel-button"
            type="button"
          >
            Cancel
          </button>
          <button
            class="mx_Dialog_primary danger"
            data-testid="dialog-primary-button"
            disabled=""
            type="button"
          >
            Send report
          </button>
        </span>
      </div>
    </form>
    <div
      aria-label="Close dialog"
      class="mx_AccessibleButton mx_Dialog_cancelButton"
      role="button"
      tabindex="0"
    />
  </div>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
</div>
`;
