import * as React from '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>;
    }
}