<script lang="ts">
  import Link from "../utils/Link.svelte";
  import Center from "../utils/Center.svelte";
  let { showLogin, showRegister }: { showLogin: () => void; showRegister: () => void; } = $props();
</script>

<Center>
  <p class="select-none text-2xl">
    Welcome on minichat !
    <br>
    Please <Link onclick={showLogin}>login</Link> or <Link onclick={showRegister} >register</Link>.
  </p>
</Center>
