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

/**
 * 智能剪辑页头组件
 */
import React from "react"
import { ThunderboltOutlined } from "@ant-design/icons"

interface GenerateHeaderProps {
  /** 是否来自模板草稿（URL 带 edit_plan_id） */
  fromEditPlan?: boolean
}

const GenerateHeader: React.FC<GenerateHeaderProps> = ({ fromEditPlan }) => {
  return (
    <div className="xx-generate-head">
      <div>
        <h2>
          <ThunderboltOutlined style={{ marginRight: 8 }} />
          智能剪辑
        </h2>
        <p>快速生成短视频，支持多种风格和素材组合</p>
      </div>
      {fromEditPlan && (
        <span
          style={{
            background: "#dbeafe",
            color: "#1d4ed8",
            fontSize: 12,
            padding: "4px 10px",
            borderRadius: 999,
            fontWeight: 600,
          }}
        >
          🎬 来自模板草稿
        </span>
      )}
    </div>
  )
}

export default GenerateHeader