import React from "react";
import { Cluster } from "../../../main/cluster";
import { ClusterNameSetting } from "./components/cluster-name-setting";
import { ClusterWorkspaceSetting } from "./components/cluster-workspace-setting";
import { ClusterIconSetting } from "./components/cluster-icon-setting";
import { ClusterProxySetting } from "./components/cluster-proxy-setting";
import { ClusterPrometheusSetting } from "./components/cluster-prometheus-setting";
import { ClusterHomeDirSetting } from "./components/cluster-home-dir-setting";

interface Props {
  cluster: Cluster;
}

export class General extends React.Component<Props> {
  render() {
    return <div>
      <h2>General</h2>
      <ClusterNameSetting cluster={this.props.cluster} />
      <ClusterWorkspaceSetting cluster={this.props.cluster} />
      <ClusterIconSetting cluster={this.props.cluster} />
      <ClusterProxySetting cluster={this.props.cluster} />
      <ClusterPrometheusSetting cluster={this.props.cluster} />
      <ClusterHomeDirSetting cluster={this.props.cluster} />
    </div>;
  }
}