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 }> {
    // eslint-disable-next-line no-use-before-define
    static Instance: ComponentDecorations;

    render() {
        const seldoc = DocumentView.Selected().lastElement();
        return seldoc?.ComponentView?.componentUI?.(this.props.boundsLeft, this.props.boundsTop) ?? null;
    }
}