<script>
    import {locals} from "../ts/stores";
    import BaseLayout from "./layouts/BaseLayout.svelte";
    import Message from "./components/Message.svelte";

    const actionType = $locals.magicLink?.action_type;
    const h1 = 'Magic Link' + (actionType ? (' - ' + actionType) : '');
</script>

<BaseLayout title="{$locals.app.name} {h1}" {h1}>
    <div class="container">
        <div class="panel">
            {#if $locals.err}
                <Message type="error" content={$locals.err}/>
            {:else}
                <Message type="success" content="Success!"/>
                <p>You can now close this page.</p>
            {/if}
        </div>
    </div>
</BaseLayout>
