@* A bordered box with a title: docs, dialog bodies, grouped controls. *@

<fieldset class="panel">
    @if (Legend is not null || LegendContent is not null || LegendId is not null)
    {
        <legend id="@LegendId">
            @if (LegendContent is not null)
            {
                @LegendContent
            }
            else
            {
                @Legend
            }
        </legend>
    }
    @ChildContent
</fieldset>

@code {
    /// <summary>Plain text title. Ignored when <see cref="LegendContent"/> is set.</summary>
    [Parameter]
    public string? Legend { get; set; }

    /// <summary>Title markup, for when the legend holds more than text.</summary>
    [Parameter]
    public RenderFragment? LegendContent { get; set; }

    /// <summary>Set when script needs to fill the legend in at runtime.</summary>
    [Parameter]
    public string? LegendId { get; set; }

    [Parameter]
    public RenderFragment? ChildContent { get; set; }

}