<script lang="ts">
	import AuthButton from '$lib/components/AuthButton.svelte';
</script>

<AuthButton />

<!-- <GradientButton outline color="red">Purple to Pink</GradientButton>
<Button size="xs"><EnvelopeSolid class="me-2 h-4 w-4" />Extra small</Button> -->

<!-- <Dropdown placement="bottom-end">
	<DropdownHeader>
		<span class="block text-sm">{$principal}</span>
	</DropdownHeader>
	<DropdownItem>Settings</DropdownItem>
	<DropdownDivider />
	<DropdownItem>Sign out</DropdownItem>
</Dropdown> -->

<!--
@component
[Go to docs](https://flowbite-svelte-admin-dashboard.vercel.app/)
## Props
@prop export let id: number = 0;
@prop export let name: string = '';
@prop export let avatar: string = '';
@prop export let email: string = '';
@prop export let biography: string = '';
@prop export let position: string = '';
@prop export let country: string = '';
@prop export let status: string = '';
-->
