@props(['colSpan' => 10, 'message' => 'No records found.'])

<tr>
    <td colspan="{{ $colSpan }}" class="px-6 py-16 text-center">
        <div class="empty-state" style="padding:2rem 1rem">
            <div class="empty-icon">
                <svg class="w-6 h-6" style="color:#7c3aed" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
                          d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                </svg>
            </div>
            <p class="empty-title">{{ $message }}</p>
        </div>
    </td>
</tr>