"use client";

import { OrchestratorPanel } from "@/components/mission-control/OrchestratorPanel";

interface MissionControlPanelProps {
  panels: readonly string[];
}

export function MissionControlPanel({ panels }: MissionControlPanelProps): React.JSX.Element {
  return (
    <div className="grid h-full min-h-0 auto-rows-fr grid-cols-1 gap-4 overflow-y-auto pr-1 md:grid-cols-2">
      {panels.map((panelId) => (
        <OrchestratorPanel key={panelId} />
      ))}
    </div>
  );
}