<x-layouts.tenant pageTitle="Suscripción vencida">
    <div class="max-w-2xl mx-auto">
        <x-card>
            <div class="text-center py-6">
                <div class="mx-auto w-14 h-14 rounded-full bg-amber-50 flex items-center justify-center mb-4">
                    <svg class="w-7 h-7 text-amber-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                    </svg>
                </div>
                <h2 class="text-xl font-bold text-gray-900">Tu suscripción ha vencido</h2>
                <p class="mt-2 text-sm text-gray-600">Renueva tu plan para seguir usando AsignaPro.</p>
                <div class="mt-6">
                    <x-btn href="#" variant="primary">Renovar suscripción</x-btn>
                </div>
            </div>
        </x-card>
    </div>
</x-layouts.tenant>
