function ConfirmDialog({ open, title, message, confirmLabel = 'Confirmar', danger, onConfirm, onCancel, children }) {
  if (!open) return null;
  return (
    <div className="dialog-overlay" onMouseDown={(e) => e.target === e.currentTarget && onCancel()}>
      <div className="dialog-card">
        <h3>{title}</h3>
        {message && <p>{message}</p>}
        {children}
        <div className="dialog-actions">
          <button className="btn btn-ghost" onClick={onCancel}>Cancelar</button>
          <button className={danger ? 'btn btn-danger' : 'btn btn-primary'} onClick={onConfirm}>{confirmLabel}</button>
        </div>
      </div>
    </div>
  );
}