Genarrative/src/components/common/UnifiedConfirmDialog.tsx

import type { ReactNode } from 'react';

import { PlatformActionButton } from './PlatformActionButton';
import { UnifiedModal, type UnifiedModalPortalTheme } from './UnifiedModal';

type UnifiedConfirmDialogTone = 'primary' | 'danger';

type UnifiedConfirmDialogProps = {
  open: boolean;
  title: string;
  description?: ReactNode;
  children?: ReactNode;
  onClose: () => void;
  confirmLabel?: string;
  busyConfirmLabel?: string;
  onConfirm?: () => void;
  confirmTone?: UnifiedConfirmDialogTone;
  confirmClassName?: string;
  confirmDisabled?: boolean;
  cancelLabel?: string;
  showCancel?: boolean;
  cancelDisabled?: boolean;
  busy?: boolean;
  closeOnBackdrop?: boolean;
  showCloseButton?: boolean;
  portal?: boolean;
  portalTheme?: UnifiedModalPortalTheme;
  size?: 'sm' | 'md';
  overlayClassName?: string;
  panelClassName?: string;
  footerClassName?: string;
  zIndexClassName?: string;
};

/**
 * 统一提示 / 确认弹窗。
 * 业务层只描述操作语义，按钮布局、处理中禁用和关闭路径统一在这里收口。
 */
export function UnifiedConfirmDialog({
  open,
  title,
  description,
  children,
  onClose,
  confirmLabel = '确定',
  busyConfirmLabel,
  onConfirm,
  confirmTone = 'primary',
  confirmClassName,
  confirmDisabled = false,
  cancelLabel = '取消',
  showCancel = false,
  cancelDisabled = false,
  busy = false,
  closeOnBackdrop = true,
  showCloseButton = true,
  portal = true,
  portalTheme = 'auto',
  size = 'sm',
  overlayClassName,
  panelClassName,
  footerClassName,
  zIndexClassName,
}: UnifiedConfirmDialogProps) {
  const disabled = busy || confirmDisabled;
  const renderedConfirmLabel =
    busy && busyConfirmLabel ? busyConfirmLabel : confirmLabel;

  return (
    <UnifiedModal
      open={open}
      title={title}
      description={description}
      onClose={onClose}
      closeDisabled={busy}
      closeOnBackdrop={closeOnBackdrop && !busy}
      showCloseButton={showCloseButton}
      portal={portal}
      portalTheme={portalTheme}
      size={size}
      overlayClassName={overlayClassName}
      panelClassName={panelClassName}
      zIndexClassName={zIndexClassName}
      bodyClassName="px-4 py-4 sm:px-5 sm:py-5"
      footerClassName={footerClassName ?? 'justify-end px-4 py-4 sm:px-5'}
      footer={
        <>
          {showCancel ? (
            <PlatformActionButton
              onClick={onClose}
              disabled={busy || cancelDisabled}
              tone="ghost"
              size="sm"
              shape="pill"
              className="min-h-0 px-4 py-2"
            >
              {cancelLabel}
            </PlatformActionButton>
          ) : null}
          <PlatformActionButton
            onClick={onConfirm ?? onClose}
            disabled={disabled}
            tone={confirmTone}
            size="sm"
            shape="pill"
            className={`min-h-0 px-4 py-2 ${confirmClassName ?? ''}`}
          >
            {renderedConfirmLabel}
          </PlatformActionButton>
        </>
      }
    >
      {children ? (
        <div className="text-sm leading-6 text-[var(--platform-text-base)]">
          {children}
        </div>
      ) : null}
    </UnifiedModal>
  );
}