@inherits DComponentBase

@* daisyUI Dock: https://daisyui.com/components/dock/ . A bar fixed to the bottom of the viewport holding DDockItem
   children; add class="relative" to place it in the flow instead. *@
<div @attributes="AdditionalAttributes" class="@Cx("dock", SizeClass, Class)">
	@ChildContent
</div>

@code {
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public DSize Size { get; set; }

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