import React from "react";
import BuildingSidebarContainer from "../../../../containers/app/sidebars/topology/building/BuildingSidebarContainer";
import MachineSidebarContainer from "../../../../containers/app/sidebars/topology/machine/MachineSidebarContainer";
import RackSidebarContainer from "../../../../containers/app/sidebars/topology/rack/RackSidebarContainer";
import RoomSidebarContainer from "../../../../containers/app/sidebars/topology/room/RoomSidebarContainer";
import Sidebar from "../Sidebar";

const TopologySidebarComponent = ({ interactionLevel }) => {
  let sidebarContent;

  switch (interactionLevel.mode) {
    case "BUILDING":
      sidebarContent = <BuildingSidebarContainer />;
      break;
    case "ROOM":
      sidebarContent = <RoomSidebarContainer />;
      break;
    case "RACK":
      sidebarContent = <RackSidebarContainer />;
      break;
    case "MACHINE":
      sidebarContent = <MachineSidebarContainer />;
      break;
    default:
      sidebarContent = "Missing Content";
  }

  return <Sidebar isRight={true}>{sidebarContent}</Sidebar>;
};

export default TopologySidebarComponent;