xiaoxia-saas/apps/web/src/pages/generate/components/GenerateStepActions.tsx

/**
 * GeneratePage 步骤底部操作按钮
 */
import React from "react"
import { ThunderboltOutlined } from "@ant-design/icons"

export interface GenerateStepActionsProps {
  currentStep: number
  onPrev: () => void
  onNext: () => void
  onGenerate: () => void
  generating: boolean
  generated: boolean
  generateError: string | null
}

export const GenerateStepActions: React.FC<GenerateStepActionsProps> = ({
  currentStep,
  onPrev,
  onNext,
  onGenerate,
  generating,
  generated,
  generateError,
}) => {
  return (
    <div className="xx-step-actions">
      <button className="xx-btn xx-btn-ghost" onClick={onPrev} disabled={currentStep === 1}>
        ← 上一步
      </button>
      {currentStep < 7 ? (
        <button className="xx-btn xx-btn-primary" onClick={onNext}>
          下一步 →
        </button>
      ) : (
        <button
          className="xx-btn xx-btn-primary"
          onClick={onGenerate}
          disabled={generating || (generated && !generateError)}
        >
          <ThunderboltOutlined />
          {generating
            ? "生成中…"
            : generated && !generateError
              ? "已生成"
              : generateError
                ? "🔄 重新生成"
                : "✨ 确认生成"}
        </button>
      )}
    </div>
  )
}

export default GenerateStepActions