<script lang="ts">
	import { isLoading, isConfigured, login } from '$lib/auth/authStore';
	import { Button } from '$lib/components/ui/button';
</script>

{#if $isLoading}
	<Button variant="outline" disabled>Loading...</Button>
{:else if !isConfigured}
	<span class="text-sm text-yellow-600">Auth not configured</span>
{:else}
	<Button onclick={login}>Sign in</Button>
{/if}
