package auth

templ UserComp(user string) {
	<div id="user-info" class="flex gap-5 items-center">
		if user != "" {
			<div class="inline-block relative">
				<button class="font-semibold py-2 px-4 inline-flex items-center">
					<span class="mr-1">{ user }</span>
					<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
						<path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"></path>
					</svg>
				</button>
				<div class="absolute hidden group-hover:block w-full">
					<ul class="w-fit float-right mr-4 p-3">
						<li class="mb-1">
							<a hx-post="/api/auth/signout" hx-target="#user-info">Sign Out</a>
						</li>
						<li class="mb-1">
							<a href="/auth/change-password">Change Password</a>
						</li>
						<li><a href="/auth/delete-account" class="">Delete Account</a></li>
					</ul>
				</div>
			</div>
		} else {
			<a href="/auth/signup" class="">Sign Up</a>
			<a href="/auth/signin" class="">Sign In</a>
		}
	</div>
}