@props([
  'id',
  'formId',
  'message' => 'Êtes-vous sûr ?',
  'confirmText' => 'Confirmer',
  'cancelText' => 'Annuler',
])

<x-modal :id="$id" maxWidth="max-w-sm">
  <p class="mb-4 text-gray-700">{{ $message }}</p>
  <div class="text-right space-x-2">
    <button type="button" onclick="closeModal()" class="px-4 py-2 bg-gray-200 rounded">{{ $cancelText }}</button>
    <button type="button" onclick="submitForm('{{ $formId }}')" class="px-4 py-2 bg-red-600 text-white rounded">{{ $confirmText }}</button>
  </div>
</x-modal>