@using Microsoft.AspNetCore.Components.Authorization

<div class="col-span-12 md:col-span-6 xl:col-span-3">
    <div class="font-medium leading-[1.1] tracking-tight">
        <div class="animate-shimmer bg-gradient-to-r from-violet-400 via-sky-400 to-purple-400 bg-clip-text font-semibold text-transparent text-3xl" style="animation-duration: 5s; background-size: 200% 100%">
            Welcome, @(Username)
        </div>
        <div class="text-gray-200 text-2xl">What do you want to do today?</div>
    </div>
</div>

@code
{
    [CascadingParameter] public Task<AuthenticationState> AuthState { get; set; }
    
    private string Username;

    protected override async Task OnInitializedAsync()
    {
        var identity = await AuthState;
        var usernameClaim = identity.User.Claims.ToArray().First(x => x.Type == "username");
        Username = usernameClaim.Value;
    }
}