Confirmation Modal

import { useConfirmationDialog } from "@/providers/confirmation-dialog-provider";
 
export default function DeleteAccount() {
  const { showConfirmation } = useConfirmationDialog();
 
  const handleDelete = async () => {
    // Handle account deletion after confirmation
 
    // ...other code
    const confirmed = await showConfirmation({
      title: "Delete Account",
      description:
        "Are you sure you want to delete your account? All of your data will be permanently removed. This action cannot be undone.",
      confirmText: "Delete",
      cancelText: "Cancel",
      variant: "destructive",
      icon: <AlertTriangle className="size-5 text-destructive" />,
    });
    if (!confirmed) return;
    // ...other code
  };
 
  return (
    <>
      <button onClick={() => setShowConfirmation(true)}>Delete Account</button>
    </>
  );
}