package modules

import "maot-shortner/web/templates/components/icon"
import "maot-shortner/web/templates/components/button"

templ Github() {
	@button.Button(button.Props{
		Variant: button.VariantGhost,
		Href:    "https://git.maot.dev/maot/maot-shortner",
	}) {
		<span class="font-bold">
			repo
		</span>
		@icon.GitMerge(icon.Props{Class: "w-6 h-6"})
	}
}

templ Navbar() {
	<nav class="py-1">
		<div class="px-6 flex justify-between items-center relative">
			<div class="flex items-center">
				<a href="/" class="flex items-center gap-1.5">
					@icon.Link(icon.Props{Class: "w-6 h-6"})
					<span class="text-xl font-bold">s.maot.dev</span>
				</a>
			</div>
			<div class="flex gap-1 items-center justify-center">
				@ThemeSwitcher()
				@Github()
			</div>
		</div>
	</nav>
}