@inherits DComponentBase

@* daisyUI Footer: https://daisyui.com/components/footer/ . Its children are laid out on a grid; use DFooterNav (or
   <nav> / <aside>) for each column. *@
<footer @attributes="AdditionalAttributes" class="@CssClass">
	@ChildContent
</footer>

@code {
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public DFooterDirection Direction { get; set; }
	/// <summary>Center the children (footer-center).</summary>
	[Parameter] public bool Center { get; set; }

	string CssClass => Cx("footer", DirectionClass, Center ? "footer-center" : null, Class);

	string DirectionClass => Direction switch
	{
		DFooterDirection.Horizontal => "footer-horizontal",
		DFooterDirection.HorizontalFromSm => "sm:footer-horizontal",
		DFooterDirection.HorizontalFromMd => "md:footer-horizontal",
		DFooterDirection.HorizontalFromLg => "lg:footer-horizontal",
		_ => null
	};
}