@namespace Lumeo

<div class="@($"space-y-4 {Class}".Trim())" @attributes="AdditionalAttributes">
    @ChildContent
    @if (Pills != null)
    {
        <div class="flex items-center gap-2 flex-wrap">
            @Pills
        </div>
    }
    @if (Actions != null)
    {
        @Actions
    }
</div>

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