@php
    $columns = [
        [
            'label' => 'Llave',
            'width' => '400px',
            'render' => fn($variable) => e($variable->key),
        ],
        [
            'label' => 'Acciones',
            'width' => '240px',
            'render' => fn($variable) => '<a href="' . route('superadmin.template-variables.show', $variable->id) . '" class="hover:underline font-bold">Ver detalle</a>',
        ],
    ];
@endphp
<x-layouts.auth-layout>
    <div class="flex flex-col max-w-[960px]">
        <div class="flex flex-wrap justify-between gap-3 py-4">
            <h2 class="text-primary100 font-main text-size-subtitle font-medium">Variables Plantillas</h2>
            <x-controls.button href="{{ route('superadmin.template-variables.create') }}" variant="primary">
                Añadir variable plantilla
            </x-controls.button>
        </div>
        <div class="py-3">
            <x-tables.table-with-pagination :columns="$columns" :items="$variables" />
        </div>
    </div>
</x-layouts.auth-layout>