@inherits LocalizableComponentBase

@* A block of nerd stats: a monospace list of label/value rows under its heading, rows with no value left out; in a
   NerdTip's tooltip, in the sheet a tap opens on a touch screen, and in a card's Details on a phone. *@
<div class="nerd-stats flex flex-col gap-1 text-left font-mono text-[11px] max-md:text-xs leading-tight max-w-80">
	@if (Heading is { Length: > 0 })
	{
		<p class="font-bold opacity-80">@Heading</p>
	}
	<dl class="grid grid-cols-[auto_minmax(0,1fr)] gap-x-2 gap-y-0.5">
		@foreach (var row in Rows.Where(row => !string.IsNullOrEmpty(row.Value)))
		{
			<dt class="opacity-60 whitespace-nowrap">@row.Label</dt>
			<dd class="break-all">@row.Value</dd>
		}
	</dl>
	@if (Pending)
	{
		<p class="opacity-60">@Localizer["loading"]…</p>
	}
</div>

@code {
	[Parameter] public string Heading { get; set; }
	[Parameter] public IEnumerable<NerdRow> Rows { get; set; } = [];
	/// <summary>Shown under the rows while the stats being read on demand arrive.</summary>
	[Parameter] public bool Pending { get; set; }

	protected override void OnInitialized() => IsLoading = false;
}