import PropTypes from "prop-types";
import React from "react";
import {Group} from "react-konva";
import Shapes from "../../../shapes/index";
import {deriveWallLocations} from "../../../util/tile-calculations";
import WallSegment from "../elements/WallSegment";

const WallGroup = ({tiles}) => {
    return (
        <Group>
            {deriveWallLocations(tiles).map((wallSegment, index) => (
                <WallSegment key={index} wallSegment={wallSegment}/>
            ))}
        </Group>
    );
};

WallGroup.propTypes = {
    tiles: PropTypes.arrayOf(Shapes.Tile).isRequired,
};

export default WallGroup;