import { PipelinePhaseGroup } from "./PipelinePhaseGroup";
import type { SerializedTask } from "@/components/TaskRow";

interface PipelineStageColumnProps {
  phases: Array<{
    id: string;
    name: string;
    status: string;
  }>;
  tasksByPhase: Record<string, SerializedTask[]>;
}

export function PipelineStageColumn({ phases, tasksByPhase }: PipelineStageColumnProps) {
  return (
    <div className="flex w-64 shrink-0 flex-col gap-3">
      {phases.map((phase) => (
        <PipelinePhaseGroup
          key={phase.id}
          phase={phase}
          tasks={tasksByPhase[phase.id] ?? []}
        />
      ))}
    </div>
  );
}
