import React from "react";
import { useState, useEffect } from "react";

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

export default class App extends React.Component<IWallProps, {}> {

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

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

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