import { observer } from "mobx-react";
import * as React from "react";
import { ViewBoxBaseComponent } from "../../DocComponent";
import { FieldView } from "../FieldView";
import { RecordingView } from './RecordingView';


@observer
export class RecordingBox extends ViewBoxBaseComponent(){

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

    private _ref: React.RefObject<HTMLDivElement> = React.createRef();

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

    render() {
        return <div className="recordingBox" ref={this._ref}>
            <RecordingView/>
        </div>;
    }
}
