{{-- Table Skeleton Loading Component --}}
<div class="skeleton-table">
    {{-- Header --}}
    <div class="skeleton-table-header">
        @for($i = 0; $i < ($columns ?? 4); $i++)
            <div class="skeleton skeleton-text"></div>
        @endfor
    </div>
    
    {{-- Rows --}}
    @for($r = 0; $r < ($rows ?? 5); $r++)
        <div class="skeleton-table-row">
            @for($i = 0; $i < ($columns ?? 4); $i++)
                <div class="skeleton skeleton-text" style="width: {{ rand(60, 90) }}%;"></div>
            @endfor
        </div>
    @endfor
</div>