@inherits DComponentBase

@* daisyUI Mask: https://daisyui.com/components/mask/ . Renders an <img> when Src is set, otherwise a <div> around
   ChildContent. daisyUI requires a Shape or a Half; size it with w-* and h-*. *@
@if (Src is not null)
{
	<img @attributes="AdditionalAttributes" src="@Src" class="@CssClass" />
}
else
{
	<div @attributes="AdditionalAttributes" class="@CssClass">@ChildContent</div>
}

@code {
	[Parameter] public string Src { get; set; }
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public DMaskShape Shape { get; set; }
	[Parameter] public DMaskHalf Half { get; set; }

	string CssClass => Cx("mask", ShapeClass, HalfClass, Class);

	string ShapeClass => Shape switch
	{
		DMaskShape.Squircle => "mask-squircle",
		DMaskShape.Heart => "mask-heart",
		DMaskShape.Hexagon => "mask-hexagon",
		DMaskShape.Hexagon2 => "mask-hexagon-2",
		DMaskShape.Decagon => "mask-decagon",
		DMaskShape.Pentagon => "mask-pentagon",
		DMaskShape.Diamond => "mask-diamond",
		DMaskShape.Circle => "mask-circle",
		DMaskShape.Star => "mask-star",
		DMaskShape.Star2 => "mask-star-2",
		DMaskShape.Triangle => "mask-triangle",
		DMaskShape.Triangle2 => "mask-triangle-2",
		DMaskShape.Triangle3 => "mask-triangle-3",
		DMaskShape.Triangle4 => "mask-triangle-4",
		_ => null
	};

	string HalfClass => Half switch
	{
		DMaskHalf.First => "mask-half-1",
		DMaskHalf.Second => "mask-half-2",
		_ => null
	};
}