yyewolf/bar

<script lang="ts">
    import { fly } from 'svelte/transition';
    import QrOnboarding from '$lib/components/borne/qr_onboarding.svelte';
    import { onMount } from 'svelte';
    import { elasticIn } from 'svelte/easing';
</script>

<div class="absolute top-5 right-5">
    <!-- Go home button -->
    <a href="/borne">
        <button class="bg-slate-700 hover:bg-slate-600 text-red-500 text-5xl font-bold py-2 px-4 rounded">
            X
        </button>
    </a>
</div>

<div class="gap-16 p-16 h-screen w-screen bg-slate-700">
    <div class="justify-center absolute top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]">
        <div class="text-center text-4xl text-white font-bold mb-10">
            Connectez-vous avec tn.net pour continuer la création du compte.
        </div>
        <div class="w-full flex justify-center">
            <div class="w-96 h-96">

                <QrOnboarding />
            </div>
        </div>
    </div>
</div>