@inherits DComponentBase

@* daisyUI Menu: https://daisyui.com/components/menu/ . DMenuItem, DMenuTitle and DSubmenu render their own <li>; an
   empty <li></li> is a divider. Vertical is daisyUI's default layout and adds no class. *@
<ul @attributes="AdditionalAttributes" class="@CssClass">
	@ChildContent
</ul>

@code {
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public DDirection Direction { get; set; } = DDirection.Vertical;
	[Parameter] public DSize Size { get; set; }
	/// <summary>Show one submenu level at a time (menu-paged); an open submenu's summary becomes its back button.</summary>
	[Parameter] public bool Paged { get; set; }

	string CssClass => Cx("menu", Direction == DDirection.Horizontal ? "menu-horizontal" : null, SizeClass,
		Paged ? "menu-paged" : null, Class);

	string SizeClass => Size switch
	{
		DSize.Xs => "menu-xs",
		DSize.Sm => "menu-sm",
		DSize.Lg => "menu-lg",
		DSize.Xl => "menu-xl",
		_ => null
	};
}