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

/**
 * 素材模式切换 Tab
 */
import React from "react"

interface MaterialModeTabsProps {
  mode: "manual" | "auto"
  onModeChange: (mode: "manual" | "auto") => void
}

const MaterialModeTabs: React.FC<MaterialModeTabsProps> = ({ mode, onModeChange }) => {
  return (
    <div className="xx-material-mode-tabs">
      <button
        className={`xx-material-mode-tab ${mode === "manual" ? "active" : ""}`}
        onClick={() => onModeChange("manual")}
        type="button"
      >
        手动选择素材
      </button>
      <button
        className={`xx-material-mode-tab ${mode === "auto" ? "active" : ""}`}
        onClick={() => onModeChange("auto")}
        type="button"
      >
        选择视频库自动匹配
      </button>
    </div>
  )
}

export default MaterialModeTabs