import Stack from "@/twui/components/layout/Stack";
import { useContext } from "react";
import { AppContext } from "@/src/pages/_app";
import {
    NormalizedServerObject,
    ParsedDeploymentServiceConfig,
} from "@/src/types";

type Props = {
    service: ParsedDeploymentServiceConfig;
    server: NormalizedServerObject;
};

export default function ServiceClusterServer({ service, server }: Props) {
    const { pageProps } = useContext(AppContext);
    const { deployment, children_services } = pageProps;

    const all_services = [service, ...(children_services || [])];

    const deployment_name = deployment?.deployment_name;
    const service_name = service?.service_name;

    const cluster_servers = service.servers;

    return (
        <Stack className="w-full grid-cell col-span-1">
            {cluster_servers?.map((server, index) => {
                return null;
            })}
        </Stack>
    );
}