@namespace Lumeo

<div class="@CssClass" @attributes="AdditionalAttributes">
    @if (Title is not null)
    {
        <h4 class="text-sm font-semibold text-foreground mb-3">@Title</h4>
    }
    <ul class="space-y-1" role="group">
        @ChildContent
    </ul>
</div>

@code {
    [Parameter] public string? Title { get; set; }
    [Parameter] public RenderFragment? ChildContent { get; set; }
    [Parameter] public string? Class { get; set; }
    [Parameter(CaptureUnmatchedValues = true)] public Dictionary<string, object>? AdditionalAttributes { get; set; }

    private string CssClass => $"{Class}".Trim();
}
