@namespace Lumeo

<div class="@CssClass" @attributes="AdditionalAttributes">
    <Skeleton Animation="Animation" Class="h-32 w-full rounded-t-lg" />
    <div class="p-4 space-y-3">
        <Skeleton Animation="Animation" Class="h-5 w-3/4" />
        <Skeleton Animation="Animation" Class="h-4 w-full" />
        <Skeleton Animation="Animation" Class="h-4 w-1/2" />
    </div>
</div>

@code {
    [Parameter] public Skeleton.SkeletonAnimation Animation { get; set; } = Skeleton.SkeletonAnimation.Pulse;
    [Parameter] public string? Class { get; set; }
    [Parameter(CaptureUnmatchedValues = true)] public Dictionary<string, object>? AdditionalAttributes { get; set; }

    private string CssClass => $"rounded-lg border border-border overflow-hidden {Class}".Trim();
}
