@inherits LayoutComponentBase

<TelerikRootComponent>
	<TelerikDrawer @ref="SidebarLeft" Data="menuItems" MiniMode="true" Mode="@DrawerMode.Push" @bind-SelectedItem="SelectedItem">
		<DrawerContent>
			<div class="main">
				<div class="top-row px-4">
					<TelerikButton OnClick="@ToggleDrawer" Icon="menu" FillMode="@(ThemeConstants.Button.FillMode.Flat)"></TelerikButton>
					<a href="http://blazor.net" target="_blank" class="ml-md-auto">About</a>
				</div>

				<div class="content px-4">
					@Body
				</div>
			</div>
		</DrawerContent>
	</TelerikDrawer>
</TelerikRootComponent>

@code {
	public TelerikDrawer<MenuItem> SidebarLeft { get; set; }
        public MenuItem SelectedItem { get; set; }

	public async Task ToggleDrawer() => await SidebarLeft.ToggleAsync();

	private IEnumerable<MenuItem> menuItems => new List<MenuItem>
		{
			new MenuItem {Text = "Trucks", Url = "/truck", Icon = "<i class='fa-solid fa-truck' />"},			
			new MenuItem {Text = "Clients", Url = "client", Icon = "myspace"},
			new MenuItem {Text = "Earth", Url = "/earth", Icon = "globe"},
			new MenuItem {Text = "Contacts", Url = "/contact", Icon = "user"},
		};

}