import React = require('react');

export interface Force {
  magnitude: number;
  directionInDegrees: number;
}
export interface IWallProps {
  length: number;
  xPos: number;
  yPos: number;
  angleInDegrees: number;
}

export default class Wall extends React.Component<IWallProps> {

  constructor(props: any) {
    super(props)
  }

  wallStyle = {
    width: this.props.angleInDegrees == 0 ? this.props.length + "%" : "5px",
    height: this.props.angleInDegrees == 0 ? "5px" : this.props.length + "%",
    position: "absolute" as "absolute",
    left: this.props.xPos + "%",
    top: this.props.yPos + "%",
    backgroundColor: "#6c7b8b",
    margin: 0,
    padding: 0,
  };

  render () {
    return (<div style={this.wallStyle}></div>);
  }
};