export function Timeline()

in components/ui/timeline.tsx [29:55]

• 27 lines of code
• 4 McCabe index (conditional complexity)

export function Timeline({ active, isCompleted = false }: TimelineProps) {
  return (
    <div className="flex flex-row items-center justify-center mt-2">
      <TimelineStep
        isActive={active === "experiment"}
        stepName="Experiment"
        href={isCompleted ? "complete_experiments" : "live_experiments"}
      />
      <hr className="border-1 w-4" />
      <TimelineStep
        isActive={active === "rollout"}
        stepName="Rollout"
        href={isCompleted ? "complete_rollouts" : "live_rollouts"}
      />
      {!isCompleted && (
        <>
          <hr className="border-1 w-4" />
          <TimelineStep
            isActive={active === "firefox"}
            stepName="Firefox"
            href="firefox"
          />
        </>
      )}
    </div>
  );
}