<script lang="ts">
    import AdminSettings from "./AdminSettings.svelte";
    import AdminLogin from "./AdminLogin.svelte";
    import { adminLogin } from "./global";

</script>
<main>
    <h1>Admin</h1>
    <div class="container">
        {#if $adminLogin}
            <AdminSettings />
        {:else}
            <AdminLogin />
        {/if}
    </div>

</main>
<style>
* {
   box-sizing: border-box;
    font-family: sans-serif;
    --text-primary: #b6b6b6;
		--text-secondary: #ececec;
		--bg-primary: #23232e;
		--bg-secondary: #141418;
        
}
.container{
    display: flex;
    justify-content: center;
    margin: 3rem;
}
</style>
