@inherits DComponentBase

@* daisyUI Navbar: https://daisyui.com/components/navbar/ . Start, Center and End each render their navbar-* part only
   when set; ChildContent goes after them, for content that doesn't fit the three slots. *@
<div @attributes="AdditionalAttributes" class="@Cx("navbar", Class)">
	@if (Start is not null)
	{
		<div class="@Cx("navbar-start", StartClass)">@Start</div>
	}
	@if (Center is not null)
	{
		<div class="@Cx("navbar-center", CenterClass)">@Center</div>
	}
	@if (End is not null)
	{
		<div class="@Cx("navbar-end", EndClass)">@End</div>
	}
	@ChildContent
</div>

@code {
	[Parameter] public RenderFragment Start { get; set; }
	[Parameter] public RenderFragment Center { get; set; }
	[Parameter] public RenderFragment End { get; set; }
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public string StartClass { get; set; }
	[Parameter] public string CenterClass { get; set; }
	[Parameter] public string EndClass { get; set; }
}