<nav class="navbar" role="navigation" aria-label="main navigation">
	<div class="navbar-brand">
		<NavLink class="navbar-item" href="/">
			<img src="/images/drinkMe-logo.png" alt="logo">
		</NavLink>

		<a role="button" class="navbar-burger @IsActive" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"
			 @onclick="OpenCloseMenu">
			<span aria-hidden="true"></span>
			<span aria-hidden="true"></span>
			<span aria-hidden="true"></span>
		</a>
	</div>

	<div id="navbarBasicExample" class="navbar-menu @IsActive">
		<div class="navbar-start">
			<NavLink class="navbar-item" href="/">
				<span class="icon-text">
					<span class="icon"><i class="fad fa-home"></i></span>
					<span>Home</span>
				</span>
			</NavLink>
		</div>
	</div>
</nav>

@code{
	string IsActive { get; set; }

	void OpenCloseMenu()
	{
		if (string.IsNullOrEmpty(IsActive))
			IsActive = "is-active";
		else
			IsActive = default;
	}
}