ConfirmDialog

Sobreposição

Confirmação de ação destrutiva. Fica sempre por cima, inclusive de um painel aberto, e Esc fecha só ela. Para exclusão sem volta, peça a palavra de confirmação.

Substitui no Brain:ConfirmModal

Exclusão com palavra de confirmação

"use client";

import { Button, ConfirmDialog, toast } from "@paytime/ui";
import { useState } from "react";

export default function Example() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <Button tone="danger" variant="outline" onClick={() => setOpen(true)}>Excluir parceiro</Button>
      <ConfirmDialog
        open={open}
        onOpenChange={setOpen}
        title="Excluir parceiro?"
        message="O parceiro e o histórico dele somem de todas as telas. Não é possível desfazer."
        confirmLabel="Excluir"
        confirmationWord="excluir"
        onConfirm={() => { setOpen(false); toast.success("Parceiro excluído"); }}
      />
    </>
  );
}