@* Reusable loading spinner *@

@if (IsLoading)
{
    <div class="d-flex align-items-center text-secondary @CssClass">
        <div class="spinner-border spinner-border-sm me-2" role="status">
            <span class="visually-hidden">Loading...</span>
        </div>
        <span>@Message</span>
    </div>
}

@code {
    [Parameter] public bool IsLoading { get; set; }
    [Parameter] public string Message { get; set; } = "Loading...";
    [Parameter] public string CssClass { get; set; } = "";
}