import React from "react";
import { styled } from "@material-ui/core/styles";
import * as colors from "@material-ui/core/colors";
import ConfigureImageSegmentation from "../ConfigureImageSegmentation";
import ConfigureImagePixelSegmentation from "../ConfigureImagePixelSegmentation";
import ConfigureImageClassification from "../ConfigureImageClassification";
import ConfigureTextClassification from "../ConfigureTextClassification";
import ConfigureAudioTranscription from "../ConfigureAudioTranscription";
import ConfigureTextEntityRecognition from "../ConfigureTextEntityRecognition";
import ConfigureTextEntityRelations from "../ConfigureTextEntityRelations";
import ConfigureDataEntry from "../ConfigureDataEntry";
import ConfigureComposite from "../ConfigureComposite";
import Configure3D from "../Configure3D";
import ConfigureVideoSegmentation from "../ConfigureVideoSegmentation";
import ConfigureImageLandmarkAnnotation from "../ConfigureImageLandmarkAnnotation";
import ConfigureTimeSeries from "../ConfigureTimeSeries";
var Container = styled("div")({
  padding: 24
});
var NoOptions = styled("div")({
  fontSize: 18,
  textAlign: "center",
  fontWeight: "bold",
  color: colors.grey[500],
  paddingTop: 30,
  paddingBottom: 50
});
export var ConfigureInterface = function ConfigureInterface(_ref) {
  var iface = _ref.interface,
      onChange = _ref.onChange,
      onClickEditJSON = _ref.onClickEditJSON,
      _ref$isNested = _ref.isNested,
      isNested = _ref$isNested === void 0 ? false : _ref$isNested;
  return /*#__PURE__*/React.createElement(Container, null, !(iface === null || iface === void 0 ? void 0 : iface.type) && /*#__PURE__*/React.createElement(NoOptions, null, "Select a Type"), (iface === null || iface === void 0 ? void 0 : iface.type) === "image_segmentation" && /*#__PURE__*/React.createElement(ConfigureImageSegmentation, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "image_pixel_segmentation" && /*#__PURE__*/React.createElement(ConfigureImagePixelSegmentation, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "image_classification" && /*#__PURE__*/React.createElement(ConfigureImageClassification, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "composite" && /*#__PURE__*/React.createElement(ConfigureComposite, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "data_entry" && /*#__PURE__*/React.createElement(ConfigureDataEntry, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "audio_transcription" && /*#__PURE__*/React.createElement(ConfigureAudioTranscription, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "text_entity_recognition" && /*#__PURE__*/React.createElement(ConfigureTextEntityRecognition, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "text_entity_relations" && /*#__PURE__*/React.createElement(ConfigureTextEntityRelations, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "text_classification" && /*#__PURE__*/React.createElement(ConfigureTextClassification, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "video_segmentation" && /*#__PURE__*/React.createElement(ConfigureVideoSegmentation, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "3d_bounding_box" && /*#__PURE__*/React.createElement(Configure3D, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "image_landmark_annotation" && /*#__PURE__*/React.createElement(ConfigureImageLandmarkAnnotation, {
    iface: iface,
    onChange: onChange
  }), (iface === null || iface === void 0 ? void 0 : iface.type) === "time_series" && /*#__PURE__*/React.createElement(ConfigureTimeSeries, {
    iface: iface,
    onChange: onChange
  }));
};
export default ConfigureInterface;