<script>
    import Step from "./Step.svelte";

    export let channel;
    export let steps;
    export let allSuccess = false;
</script>

<div
    style="text-align: center;background: var(--p20);padding: 20px;color: var(--p90)"
>
    <h1>
        <a class="text-decoration-none" href={channel.lucentUrl}
            >{channel.name ?? "Lucent Setup"}</a
        >
    </h1>
</div>
<div class="wrapper-tiny">
    {#each steps as step}
        <Step {step}></Step>
    {/each}

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