// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`DeveloperSettingsTab > renders and matches snapshot 1`] = `
<div>
  <form
    class="_root_19upo_16"
  >
    <p>
      Hostname: localhost
    </p>
    <p>
      Element Call version: dev
    </p>
    <p>
      Crypto version: crypto-1.0.0
    </p>
    <p>
      Matrix ID: @alice:example.org
    </p>
    <p>
      Device ID: DEVICE123
    </p>
    <div
      class="fieldRow"
    >
      <div
        class="field inputField"
      >
        <input
          aria-describedby="«r1»"
          id="duplicateTiles"
          min="0"
          type="number"
          value="0"
        />
        <label
          for="duplicateTiles"
        >
          Number of additional tile copies per participant
        </label>
      </div>
    </div>
    <div
      class="fieldRow"
    >
      <div
        class="field checkboxField"
      >
        <input
          aria-describedby="«r2»"
          id="debugTileLayout"
          type="checkbox"
        />
        <label
          for="debugTileLayout"
        >
          <div
            class="checkbox"
          >
            <svg
              fill="none"
              height="24"
              stroke="#000"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="m20 6-11 11-5-5"
              />
            </svg>
          </div>
          Debug tile layout
        </label>
      </div>
    </div>
    <div
      class="fieldRow"
    >
      <div
        class="field checkboxField"
      >
        <input
          aria-describedby="«r3»"
          id="showConnectionStats"
          type="checkbox"
        />
        <label
          for="showConnectionStats"
        >
          <div
            class="checkbox"
          >
            <svg
              fill="none"
              height="24"
              stroke="#000"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="m20 6-11 11-5-5"
              />
            </svg>
          </div>
          Show connection statistics
        </label>
      </div>
    </div>
    <div
      class="fieldRow"
    >
      <div
        class="field checkboxField"
      >
        <input
          aria-describedby="«r4»"
          id="muteAllAudio"
          type="checkbox"
        />
        <label
          for="muteAllAudio"
        >
          <div
            class="checkbox"
          >
            <svg
              fill="none"
              height="24"
              stroke="#000"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="m20 6-11 11-5-5"
              />
            </svg>
          </div>
          Mute all audio (participants, reactions, join sounds)
        </label>
      </div>
    </div>
     
    <div
      class="fieldRow"
    >
      <div
        class="field checkboxField"
      >
        <input
          aria-describedby="«r5»"
          id="alwaysShowIphoneEarpiece"
          type="checkbox"
        />
        <label
          for="alwaysShowIphoneEarpiece"
        >
          <div
            class="checkbox"
          >
            <svg
              fill="none"
              height="24"
              stroke="#000"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="m20 6-11 11-5-5"
              />
            </svg>
          </div>
          Show iPhone earpiece option on all platforms
        </label>
      </div>
       
    </div>
    <div
      class="_inline-field_19upo_32"
    >
      <div
        class="_inline-field-control_19upo_44"
      />
      <div
        class="_inline-field-body_19upo_38"
      >
        <label
          class="_label_19upo_59"
          for="radix-«r6»"
        >
          Custom Livekit-url
        </label>
        <span
          class="_message_19upo_85 _help-message_19upo_91"
          id="radix-«r7»"
        >
          Use Default
        </span>
      </div>
    </div>
    <div
      class="fieldRow"
    >
      <div
        class="field inputField"
      >
        <input
          aria-describedby="«r8»"
          id="customLivekitUrl"
          type="text"
          value=""
        />
        <label
          for="customLivekitUrl"
        >
          Custom Livekit-url
        </label>
      </div>
      <button
        class="_button_vczzf_8"
        data-kind="primary"
        data-size="lg"
        role="button"
        tabindex="0"
      >
        Update
      </button>
    </div>
    <h3
      class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
    >
      MatrixRTC mode
    </h3>
    <div
      class="_inline-field_19upo_32"
    >
      <div
        class="_inline-field-control_19upo_44"
      >
        <div
          class="_container_1e0uz_10"
        >
          <input
            aria-describedby="radix-«ra» radix-«rc» radix-«re»"
            checked=""
            class="_input_1e0uz_18"
            id="radix-«r9»"
            name="«r0»"
            title=""
            type="radio"
            value="legacy"
          />
          <div
            class="_ui_1e0uz_19"
          />
        </div>
      </div>
      <div
        class="_inline-field-body_19upo_38"
      >
        <label
          class="_label_19upo_59"
          for="radix-«r9»"
        >
          Legacy: state events & oldest membership SFU
        </label>
        <span
          class="_message_19upo_85 _help-message_19upo_91"
          id="radix-«ra»"
        >
          Compatible with old versions of EC that do not support multi SFU
        </span>
      </div>
    </div>
    <div
      class="_inline-field_19upo_32"
    >
      <div
        class="_inline-field-control_19upo_44"
      >
        <div
          class="_container_1e0uz_10"
        >
          <input
            aria-describedby="radix-«ra» radix-«rc» radix-«re»"
            class="_input_1e0uz_18"
            id="radix-«rb»"
            name="«r0»"
            title=""
            type="radio"
            value="compatibil"
          />
          <div
            class="_ui_1e0uz_19"
          />
        </div>
      </div>
      <div
        class="_inline-field-body_19upo_38"
      >
        <label
          class="_label_19upo_59"
          for="radix-«rb»"
        >
          Compatibility: state events & multi SFU
        </label>
        <span
          class="_message_19upo_85 _help-message_19upo_91"
          id="radix-«rc»"
        >
          Compatible with homeservers that do not support sticky events (but all other EC clients are v0.17.0 or later)
        </span>
      </div>
    </div>
    <div
      class="_inline-field_19upo_32"
    >
      <div
        class="_inline-field-control_19upo_44"
      >
        <div
          class="_container_1e0uz_10"
        >
          <input
            aria-describedby="radix-«ra» radix-«rc» radix-«re»"
            class="_input_1e0uz_18"
            id="radix-«rd»"
            name="«r0»"
            title=""
            type="radio"
            value="matrix_2_0"
          />
          <div
            class="_ui_1e0uz_19"
          />
        </div>
      </div>
      <div
        class="_inline-field-body_19upo_38"
      >
        <label
          class="_label_19upo_59"
          for="radix-«rd»"
        >
          Matrix 2.0: sticky events & multi SFU
        </label>
        <span
          class="_message_19upo_85 _help-message_19upo_91"
          id="radix-«re»"
        >
          Compatible only with homservers supporting sticky events and all EC clients v0.17.0 or later
        </span>
      </div>
    </div>
    <h3>
      LiveKit SFU: wss://local-sfu.example.org
    </h3>
    <p>
      ws-url: 
      wss://local-sfu.example.org/
    </p>
    <p>
      LiveKit Server Info
      (
      local
      )
    </p>
    <pre
      class="pre"
    >
      {
  "region": "local",
  "version": "1.2.3"
}
      local-metadata
    </pre>
    <h3>
      LiveKit SFU: wss://remote-sfu.example.org
    </h3>
    <p>
      LiveKit Server Info
      (
      remote
      )
    </p>
    <pre
      class="pre"
    >
      {
  "region": "remote",
  "version": "4.5.6"
}
      remote-metadata
    </pre>
    <p>
      Environment variables
    </p>
    <pre>
      {
  "MY_MOCK_ENV": 10,
  "ENV": "test"
}
    </pre>
    <p>
      URL parameters
    </p>
    <pre>
      {
  "mocked": true,
  "answer": 42
}
    </pre>
  </form>
</div>
`;