<script>

    import { UIGlobalPipe } from "../../GlobalNamespace/GlobalNamespace";
    import MainMenuState from "../MainMenu/MainMenuState.svelte";

</script>
<div class="w-full h-full flex flex-col gap-8 justify-center items-center bg-slate-950 p-2 text-center text-2xl pointer-events-auto">
    <p class="max-w-[50%]">
        Well, here's a funny story: our resident wizard, Archmage Debuggon (who, by the way, claims to have graduated top of his class from the Arcane
        University of Coding... we have our doubts), was supposed to cast the mighty spell of Implementation on this very feature. But, as it turns out, he
        mixed up his scrolls and accidentally conjured a flock of digital ducks into the game instead. Quack!
    </p>
    <button on:click={()=>{
        UIGlobalPipe.update((s)=>{
            s.currentStateComponent = MainMenuState;
            s.previousStateComponent = null;
        })
    }} class="min-w-[20vw] bg-slate-800 hover:bg-slate-800 p-4 text-2xl border-2 border-slate-700 hover:border-amber-600">
        Okay :(
    </button>
</div>
