@props([
    'maxHeight' => 'max-h-[calc(100vh-280px)]',
    'overflow' => 'overflow-auto',
])

<div {{ $attributes->merge(['class' => 'bg-white dark:bg-slate-900 shadow-xl relative rounded-2xl border border-slate-100 dark:border-slate-800 ' . $overflow . ' ' . $maxHeight . ' jointrust-table-container custom-scrollbar']) }}>
    <style>
        /* Scrollbar Premium para Tablas */
        .custom-scrollbar::-webkit-scrollbar {
            width: 7px;
            height: 7px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(241, 245, 249, 0.6);
            border-radius: 10px;
        }
        .dark .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(15, 23, 42, 0.6);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #E37322;
            border-radius: 10px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #681E15;
        }

        /* Encabezados Fijos (Sticky Header) */
        .jointrust-table thead {
            position: sticky;
            top: 0;
            z-index: 20;
        }
        .jointrust-table thead th {
            position: sticky;
            top: 0;
            background-color: #681E15 !important;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        }

        /* Pie de Tabla Fijo (Sticky Footer) */
        .jointrust-table tfoot {
            position: sticky;
            bottom: 0;
            z-index: 20;
        }
        .jointrust-table tfoot td {
            position: sticky;
            bottom: 0;
            background-color: inherit;
            box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
        }

        /* Forzar Cebra y Hover con mayor contraste */
        .jointrust-table tbody tr:nth-child(even) {
            background-color: #f1f5f9;
        }

        /* Hover Naranja con Borde Izquierdo */
        .jointrust-table tbody tr:hover {
            background-color: #fff7ed !important;
            border-left: 4px solid #E37322 !important;
        }

        /* Soporte Dark Mode */
        :is(.dark .jointrust-table tbody tr:nth-child(even)) {
            background-color: rgba(30, 41, 59, 0.7);
        }
        :is(.dark .jointrust-table tbody tr:hover) {
            background-color: rgba(227, 115, 34, 0.15) !important;
            border-left: 4px solid #E37322 !important;
        }
    </style>
    <table class="w-full text-left border-collapse jointrust-table">
        {{ $slot }}
    </table>
</div>