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

exports[`EncryptionEventView > renders Default story 1`] = `
<div>
  <div
    class="EventTileBubble-module_container EncryptionEventView-module_content"
  >
    <svg
      data-state="supported"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
      />
    </svg>
    <div
      class="EventTileBubble-module_title"
    >
      Encryption enabled
    </div>
    <div
      class="EventTileBubble-module_subtitle"
    >
      Messages in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.
    </div>
  </div>
</div>
`;

exports[`EncryptionEventView > renders DisableAttempt story 1`] = `
<div>
  <div
    class="EventTileBubble-module_container EncryptionEventView-module_content"
  >
    <svg
      data-state="supported"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
      />
    </svg>
    <div
      class="EventTileBubble-module_title"
    >
      Encryption enabled
    </div>
    <div
      class="EventTileBubble-module_subtitle"
    >
      Ignored attempt to disable encryption
    </div>
  </div>
</div>
`;

exports[`EncryptionEventView > renders EnabledDirectMessage story 1`] = `
<div>
  <div
    class="EventTileBubble-module_container EncryptionEventView-module_content"
  >
    <svg
      data-state="supported"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
      />
    </svg>
    <div
      class="EventTileBubble-module_title"
    >
      Encryption enabled
    </div>
    <div
      class="EventTileBubble-module_subtitle"
    >
      Messages here are end-to-end encrypted. Verify Alice in their profile - tap on their profile picture.
    </div>
  </div>
</div>
`;

exports[`EncryptionEventView > renders EnabledLocalRoom story 1`] = `
<div>
  <div
    class="EventTileBubble-module_container EncryptionEventView-module_content"
  >
    <svg
      data-state="supported"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
      />
    </svg>
    <div
      class="EventTileBubble-module_title"
    >
      Encryption enabled
    </div>
    <div
      class="EventTileBubble-module_subtitle"
    >
      Messages in this chat will be end-to-end encrypted.
    </div>
  </div>
</div>
`;

exports[`EncryptionEventView > renders ParametersChanged story 1`] = `
<div>
  <div
    class="EventTileBubble-module_container EncryptionEventView-module_content"
  >
    <svg
      data-state="supported"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
      />
    </svg>
    <div
      class="EventTileBubble-module_title"
    >
      Encryption enabled
    </div>
    <div
      class="EventTileBubble-module_subtitle"
    >
      Some encryption parameters have been changed.
    </div>
  </div>
</div>
`;

exports[`EncryptionEventView > renders StateEncryptionEnabled story 1`] = `
<div>
  <div
    class="EventTileBubble-module_container EncryptionEventView-module_content"
  >
    <svg
      data-state="supported"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
      />
    </svg>
    <div
      class="EventTileBubble-module_title"
    >
      Experimental state encryption enabled
    </div>
    <div
      class="EventTileBubble-module_subtitle"
    >
      Messages and state events in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.
    </div>
  </div>
</div>
`;

exports[`EncryptionEventView > renders Unsupported story 1`] = `
<div>
  <div
    class="EventTileBubble-module_container EncryptionEventView-module_content"
  >
    <svg
      data-state="unsupported"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12 17q.424 0 .713-.288A.97.97 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 16q0 .424.287.712.288.288.713.288m0-4q.424 0 .713-.287A.97.97 0 0 0 13 12V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v4q0 .424.287.713.288.287.713.287m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22"
      />
    </svg>
    <div
      class="EventTileBubble-module_title"
    >
      Encryption not enabled
    </div>
    <div
      class="EventTileBubble-module_subtitle"
    >
      The encryption used by this room isn't supported.
    </div>
  </div>
</div>
`;

exports[`EncryptionEventView > renders WithTimestamp story 1`] = `
<div>
  <div
    class="EventTileBubble-module_container EncryptionEventView-module_content"
  >
    <svg
      data-state="supported"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
      />
    </svg>
    <div
      class="EventTileBubble-module_title"
    >
      Encryption enabled
    </div>
    <div
      class="EventTileBubble-module_subtitle"
    >
      Messages in this room are end-to-end encrypted. When people join, you can verify them in their profile, just tap on their profile picture.
    </div>
    <span>
      14:56
    </span>
  </div>
</div>
`;
