"use client";

import { useState } from "react";
import { Modal, Confirmation, ApiError } from "@ramses1er/cbk-toolkit/client";

export default function MaPage() {
  const [open, setOpen] = useState(false);
  const [pending, setPending] = useState(false);
  const [error, setError] = useState<ApiError | null>(null);

  const handleDelete = async () => {
    setPending(true);
    setError(null);
    try {
      await deleteUser(id); // votre appel API
      setOpen(false);
    } catch {
      setError(new ApiError({ message: "Erreur lors de la suppression", status: 500 }));
    } finally {
      setPending(false);
    }
  };

  return (
    <div>
      <button onClick={() => setOpen(true)}>
        Supprimer l'utilisateur
      </button>

      <Modal
        title="Confirmation de suppression"
        isOpen={open}
        onClose={() => { if (!pending) setOpen(false); }}
      >
        {(requestClose) => (
          <Confirmation
            question="Voulez-vous vraiment supprimer cet utilisateur ?"
            requestClose={requestClose}
            messageNo="Non"
            messageYes="Oui je veux supprimer"
            onAction={handleDelete}
            isProcessing={pending}
            error={error}
            resetRequest={() => setError(null)}
          />
        )}
      </Modal>
    </div>
  );
}