"use client" import { cn } from "@/lib/utils" import { useMobile } from "@/hooks/use-mobile" interface Step { number: number title: string } interface StepIndicatorProps { currentStep: number steps: Step[] } export function StepIndicator({ currentStep, steps }: StepIndicatorProps) { const isMobile = useMobile() return (
{steps.map((step, index) => (
{/* 连接线 */} {index > 0 && (
)} {/* 步骤圆点 */}
{step.number}
{/* 步骤标题 */}
{step.title}
{!isMobile && (
{index + 1 === 1 ? "设置群名称和微信号" : index + 1 === 2 ? "选择执行设备" : "设置流量池标签"}
)}
))}
) }