import "./PhysicsSimulationBox.scss";
import { FieldView, FieldViewProps } from './FieldView';
import React = require('react');
import { ViewBoxAnnotatableComponent } from '../DocComponent';
import { observer } from 'mobx-react';
import App from './PhysicsSimulationApp';

export interface IForce {
 description: string;
 magnitude: number;
 directionInDegrees: number;
}
export interface IWallProps {
 length: number;
 xPos: number;
 yPos: number;
 angleInDegrees: number;
}
@observer
export default class PhysicsSimulationBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {

 public static LayoutString(fieldKey: string) { return FieldView.LayoutString(PhysicsSimulationBox, fieldKey); }

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

 render () { 
  return (
    <div className = "physicsSimulationContainer">
     <App/>
     </div>
  );
 }
}