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

exports[`FontScalingPanel renders the font scaling UI 1`] = `
<DocumentFragment>
  <div
    class="mx_SettingsSubsection"
    data-testid="mx_FontScalingPanel"
  >
    <div
      class="mx_SettingsSubsectionHeading"
    >
      <h3
        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
      >
        Font size
      </h3>
    </div>
    <div
      class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
    >
      <div
        class="mx_Field mx_Field_select mx_FontScalingPanel_Dropdown"
      >
        <select
          id="mx_Field_1"
          label="Font size"
          placeholder="Font size"
          type="text"
        >
          <option
            value="-7"
          >
            9
          </option>
          <option
            value="-6"
          >
            10
          </option>
          <option
            value="-5"
          >
            11
          </option>
          <option
            value="-4"
          >
            12
          </option>
          <option
            value="-3"
          >
            13
          </option>
          <option
            value="-2"
          >
            14
          </option>
          <option
            value="-1"
          >
            15
          </option>
          <option
            value="0"
          >
            16 (default)
          </option>
          <option
            value="1"
          >
            17
          </option>
          <option
            value="2"
          >
            18
          </option>
          <option
            value="4"
          >
            20
          </option>
          <option
            value="6"
          >
            22
          </option>
          <option
            value="8"
          >
            24
          </option>
          <option
            value="10"
          >
            26
          </option>
          <option
            value="12"
          >
            28
          </option>
          <option
            value="14"
          >
            30
          </option>
          <option
            value="16"
          >
            32
          </option>
          <option
            value="18"
          >
            34
          </option>
          <option
            value="20"
          >
            36
          </option>
        </select>
        <label
          for="mx_Field_1"
        >
          Font size
        </label>
      </div>
      <div
        class="mx_FontScalingPanel_preview mx_EventTilePreview_loader"
      >
        <div
          class="mx_Spinner"
        >
          <div
            aria-label="Loading…"
            class="mx_Spinner_icon"
            data-testid="spinner"
            role="progressbar"
            style="width: 32px; height: 32px;"
          />
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
