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

exports[`DeveloperSettingsTab > renders and matches snapshot 1`] = `
<div>
  <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="_r_1_"
        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="_r_2_"
        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="_r_3_"
        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="_r_4_"
        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="_r_5_"
        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>
  <form
    class="_root_19upo_16"
  >
    <div
      class="_field_19upo_26"
    >
      <label
        class="_label_19upo_59"
        for="radix-_r_6_"
      >
        Custom Livekit-url
      </label>
      <div
        class="_controls_17lij_8"
      >
        <input
          aria-describedby="radix-_r_7_"
          class="_control_sqdq4_10"
          id="radix-_r_6_"
          name="input"
          title=""
          value=""
        />
      </div>
      <span
        class="_message_19upo_85 _help-message_19upo_91"
        id="radix-_r_7_"
      >
        Currently, no overwrite is set. Url from well-known or config is used.
      </span>
    </div>
  </form>
  <h3
    class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
  >
    MatrixRTC mode
  </h3>
  <form
    class="_root_19upo_16"
  >
    <div
      class="_inline-field_19upo_32"
    >
      <div
        class="_inline-field-control_19upo_44"
      >
        <div
          class="_container_1qhtc_10"
        >
          <input
            aria-describedby="radix-_r_9_ radix-_r_b_ radix-_r_d_"
            checked=""
            class="_input_1qhtc_18"
            id="radix-_r_8_"
            name="_r_0_"
            title=""
            type="radio"
            value="legacy"
          />
          <div
            class="_ui_1qhtc_19"
          />
        </div>
      </div>
      <div
        class="_inline-field-body_19upo_38"
      >
        <label
          class="_label_19upo_59"
          for="radix-_r_8_"
        >
          Legacy: state events & oldest membership SFU
        </label>
        <span
          class="_message_19upo_85 _help-message_19upo_91"
          id="radix-_r_9_"
        >
          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_1qhtc_10"
        >
          <input
            aria-describedby="radix-_r_9_ radix-_r_b_ radix-_r_d_"
            class="_input_1qhtc_18"
            id="radix-_r_a_"
            name="_r_0_"
            title=""
            type="radio"
            value="compatibility"
          />
          <div
            class="_ui_1qhtc_19"
          />
        </div>
      </div>
      <div
        class="_inline-field-body_19upo_38"
      >
        <label
          class="_label_19upo_59"
          for="radix-_r_a_"
        >
          Compatibility: state events & multi SFU
        </label>
        <span
          class="_message_19upo_85 _help-message_19upo_91"
          id="radix-_r_b_"
        >
          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_1qhtc_10"
        >
          <input
            aria-describedby="radix-_r_9_ radix-_r_b_ radix-_r_d_"
            class="_input_1qhtc_18"
            id="radix-_r_c_"
            name="_r_0_"
            title=""
            type="radio"
            value="matrix_2_0"
          />
          <div
            class="_ui_1qhtc_19"
          />
        </div>
      </div>
      <div
        class="_inline-field-body_19upo_38"
      >
        <label
          class="_label_19upo_59"
          for="radix-_r_c_"
        >
          Matrix 2.0: sticky events & multi SFU
        </label>
        <span
          class="_message_19upo_85 _help-message_19upo_91"
          id="radix-_r_d_"
        >
          Compatible only with homservers supporting sticky events and all EC clients v0.17.0 or later
        </span>
      </div>
    </div>
  </form>
  <div
    class="livekit_room_box"
  >
    <h4>
      LiveKit SFU: wss://local-sfu.example.org
    </h4>
    <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>
    <p>
      Local Participant
    </p>
    <pre
      class="pre"
    >
      localParticipantIdentity
    </pre>
    <p>
      Remote Participants
    </p>
    <ul />
  </div>
  <div
    class="livekit_room_box"
  >
    <h4>
      LiveKit SFU: wss://remote-sfu.example.org
    </h4>
    <p>
      LiveKit Server Info
      (
      remote
      )
    </p>
    <pre
      class="pre"
    >
      {
  "region": "remote",
  "version": "4.5.6"
}
      remote-metadata
    </pre>
    <p>
      Local Participant
    </p>
    <pre
      class="pre"
    >
      localParticipantIdentity
    </pre>
    <p>
      Remote Participants
    </p>
    <ul />
  </div>
  <p>
    Environment variables
  </p>
  <pre>
    {
  "MY_MOCK_ENV": 10,
  "ENV": "test"
}
  </pre>
  <p>
    URL parameters
  </p>
  <pre>
    {
  "mocked": true,
  "answer": 42
}
  </pre>
</div>
`;