<script>
  import { user } from "$/client/stores.js";
  import LoggedIn from "$/client/components/LoggedIn.svelte";
</script>

<LoggedIn>
  <callout slot="yes">
    <h1>You are logged in.</h1>
  </callout>

  <callout class="error" slot="no">
    <h1>You are NOT logged in</h1>
  </callout>
</LoggedIn>

<button on:click={ () => $user.authenticated = !$user.authenticated }>Change Login</button>

