@namespace Lumeo

<ol class="@CssClass" @attributes="AdditionalAttributes">
    @ChildContent
</ol>

@code {
    [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 => $"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5 {Class}".Trim();
}
