@* Partial/LoadingSpinner.razor - Reusable loading state component *@

<div class="surface-panel flex items-center justify-center py-14">
    <div class="flex items-center space-x-3 text-slate-500">
        <svg class="animate-spin h-5 w-5" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none"></circle>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
        </svg>
        <span class="text-sm font-medium">@Message</span>
    </div>
</div>

@code {
    /// <summary>The text to display next to the spinner.</summary>
    [Parameter] public string Message { get; set; } = "Loading...";
}