<script>
    import AccountLayout from "../../layouts/AccountLayout.svelte";
    import Step from "./Step.svelte";
    let { channel, data } = $props();
</script>

<AccountLayout {body} {channel}></AccountLayout>
{#snippet body()}
    <div class="wrapper-tiny">
        {#each data.steps as step}
            <Step {step}></Step>
        {/each}

        <div style="text-align: center;margin-top: 30px;">
            {#if data.allSuccess}
                <a href="/lucent/register" class="bt">Create the first user</a>
            {/if}
        </div>
    </div>
{/snippet}
