import PropTypes from "prop-types";
import React from "react";
import {Group} from "react-konva";
import {ROOM_DEFAULT_COLOR, ROOM_IN_CONSTRUCTION_COLOR} from "../../../colors/index";
import RackContainer from "../../../containers/map/RackContainer";
import Shapes from "../../../shapes/index";
import {convertLoadToSimulationColor} from "../../../util/simulation-load";
import RoomTile from "../elements/RoomTile";

const TileGroup = ({tile, newTile, inSimulation, roomLoad, onClick}) => {
    let tileObject;
    switch (tile.objectType) {
        case "RACK":
            tileObject = <RackContainer tile={tile}/>;
            break;
        default:
            tileObject = null;
    }

    let color = ROOM_DEFAULT_COLOR;
    if (newTile) {
        color = ROOM_IN_CONSTRUCTION_COLOR;
    } else if (inSimulation) {
        color = convertLoadToSimulationColor(roomLoad);
    }

    return (
        <Group
            onClick={() => onClick(tile)}
        >
            <RoomTile tile={tile} color={color}/>
            {tileObject}
        </Group>
    );
};

TileGroup.propTypes = {
    tile: Shapes.Tile,
    newTile: PropTypes.bool,
};

export default TileGroup;