<div class="p-4 mb-4 bg-green-100 text-green-800 border border-green-200 rounded-lg flex justify-between items-center" role="alert">
  <div>API key '{{ key_name }}' was successfully deleted.</div>
  <button type="button" @click="$el.closest('[role=alert]').remove()" class="text-gray-500 hover:text-gray-700 focus:outline-none" aria-label="Close">
    <i aria-hidden="true" data-lucide="x" class="h-4 w-4"></i>
  </button>
</div>
