@php
    $columns = [
        [
            'label' => 'Nombre',
            'width' => 'w-200',
            'render' => fn($department) => e($department->name),
        ],
        [
            'label' => 'Estado',
            'width' => 'w-[150px]',
            'type' => 'status',
            'render' => fn($department) => $department->active,
        ],
    ];
    $editRoute = 'superadmin.departments.edit';
@endphp
<x-layouts.auth-layout>
    <h2 class="text-size-title text-black">Departamentos</h2>
    <div class="flex justify-end">
        <x-buttons.button href="{{ route('superadmin.departments.create') }}" variant="add" icon="plus">Nuevo</x-buttons.button>
    </div>
    <div class="mt-6 md:mt-8">
        <x-tables.table-crud :columns="$columns" :editRoute="$editRoute" :items="$listData" />
    </div>
</x-layouts.auth-layout>