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

exports[`ConfirmRejectInviteDialog can reject with options selected 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_Dialog_content"
    aria-labelledby="mx_BaseDialog_title"
    class="mx_DeclineAndBlockInviteDialog 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"
      >
        Decline invitation
      </h1>
    </div>
    <form
      class="_root_1o4d9_17"
    >
      <p>
        Are you sure you want to decline the invitation to join "foo"?
      </p>
      <div
        class="_inline-field_1o4d9_33"
      >
        <div
          class="_inline-field-control_1o4d9_45"
        >
          <div
            class="_container_udcm8_10"
          >
            <input
              class="_input_udcm8_24"
              id="react-use-id-1"
              role="switch"
              type="checkbox"
            />
            <div
              class="_ui_udcm8_34"
            />
          </div>
        </div>
        <div
          class="_inline-field-body_1o4d9_39"
        >
          <label
            class="_label_1o4d9_60"
            for="react-use-id-1"
          >
            Ignore user
          </label>
          <span
            class="_message_1o4d9_86 _help-message_1o4d9_92"
            id="radix-react-use-id-2"
          >
            You will not see any messages or room invites from this user.
          </span>
        </div>
      </div>
      <div
        class="_inline-field_1o4d9_33"
      >
        <div
          class="_inline-field-control_1o4d9_45"
        >
          <div
            class="_container_udcm8_10"
          >
            <input
              class="_input_udcm8_24"
              id="react-use-id-3"
              role="switch"
              type="checkbox"
            />
            <div
              class="_ui_udcm8_34"
            />
          </div>
        </div>
        <div
          class="_inline-field-body_1o4d9_39"
        >
          <label
            class="_label_1o4d9_60"
            for="react-use-id-3"
          >
            Report room
          </label>
          <span
            class="_message_1o4d9_86 _help-message_1o4d9_92"
            id="radix-react-use-id-4"
          >
            Report this room to your account provider.
          </span>
        </div>
      </div>
      <div
        aria-disabled="false"
        class="_field_1o4d9_27"
      >
        <label
          class="_label_1o4d9_60"
          for="mx_DeclineAndBlockInviteDialog_reason"
        >
          Reason
        </label>
        <textarea
          class="mx_RoomReportTextArea"
          id="mx_DeclineAndBlockInviteDialog_reason"
          placeholder="Describe the reason for reporting the room."
          rows="5"
        >
          I want to report this room
        </textarea>
      </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"
            type="button"
          >
            Decline invite
          </button>
        </span>
      </div>
    </form>
    <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"
  />
</div>
`;
