import { observer } from 'mobx-react';
import * as React from 'react';
import './ComponentDecorations.scss';
import { DocumentView } from './nodes/DocumentView';

@observer
export class ComponentDecorations extends React.Component<{ boundsTop: number; boundsLeft: number }, { value: string }> {
    render() {
        return DocumentView.Selected().map(seldoc => seldoc?.ComponentView?.componentUI?.(this.props.boundsLeft, this.props.boundsTop) ?? null);
    }
}