@inherits DComponentBase

@* One stat of a DStats: ChildContent is the value (stat-value); each slot renders its part only when set. *@
<div @attributes="AdditionalAttributes" class="@Cx("stat", Class)">
	@if (Figure is not null)
	{
		<div class="@Cx("stat-figure", FigureClass)">@Figure</div>
	}
	@if (Heading is not null)
	{
		<div class="stat-title">@Heading</div>
	}
	@if (ChildContent is not null)
	{
		<div class="@Cx("stat-value", ValueClass)">@ChildContent</div>
	}
	@if (Desc is not null)
	{
		<div class="stat-desc">@Desc</div>
	}
	@if (Actions is not null)
	{
		<div class="stat-actions">@Actions</div>
	}
</div>

@code {
	[Parameter] public RenderFragment ChildContent { get; set; }
	[Parameter] public RenderFragment Figure { get; set; }
	[Parameter] public RenderFragment Heading { get; set; }
	[Parameter] public RenderFragment Desc { get; set; }
	[Parameter] public RenderFragment Actions { get; set; }
	/// <summary>Extra classes on stat-figure, e.g. text-primary.</summary>
	[Parameter] public string FigureClass { get; set; }
	/// <summary>Extra classes on stat-value, e.g. text-primary.</summary>
	[Parameter] public string ValueClass { get; set; }
}