<script lang="ts">
	import { browser } from "$app/environment";
  import * as AlertDialog from "$lib/components/ui/alert-dialog/index.js";
	import { onMount } from "svelte";

	onMount(() => {
		if(!browser) return;

		setTimeout(() => {
			location.reload();
		}, 10000);
	})
</script>
 
<AlertDialog.Root open>
  <AlertDialog.Content>
    <AlertDialog.Header>
      <AlertDialog.Title>Verbindung verloren</AlertDialog.Title>
      <AlertDialog.Description>
				Die Verbindung zum Server wurde unterbrochen.<br>Die Verbindung wird automatisch wiederhergestellt.
      </AlertDialog.Description>
    </AlertDialog.Header>
  </AlertDialog.Content>
</AlertDialog.Root>