ConfirmDialog

import { ConfirmDialog } from "@delphi/ui/components/confirm-dialog";
import { Button } from "@delphi/ui/components/button";

export function Example() {
  return (
    <ConfirmDialog
      trigger={<Button variant="destructive">Archive</Button>}
      title="Archive conversation?"
      description='This removes "Pricing questions" from your history.'
      confirmLabel="Archive"
      onConfirm={() => archive()}
    />
  );
}

<ConfirmDialog
  open={target != null}
  onOpenChange={(next) => {
    if (!next) setTarget(null);
  }}
  title={`Delete "${target?.name}"?`}
  description="This removes it from your knowledge base. This action cannot be undone."
  confirmLabel="Delete"
  pending={isDeleting}
  onConfirm={(event) => {
    event.preventDefault();
    deleteItem(target);
  }}
/>