import * as React from 'react';
import { render } from 'react-dom';
import App from './App';
import 'react-perfect-scrollbar/dist/css/styles.css';
import './index.css';

export function bootstrap(mountTo: HTMLElement) {
    render(<App />, mountTo);
}

(self as any).MonacoEnvironment = {
    getWorkerUrl: function (moduleId: any, label: string) {
        if (label === 'json') {
            return '/json.worker.bundle.js';
        }
        if (label === 'css') {
            return '/css.worker.bundle.js';
        }
        if (label === 'html') {
            return '/html.worker.bundle.js';
        }
        if (label === 'typescript' || label === 'javascript') {
            return '/ts.worker.bundle.js';
        }
        return '/editor.worker.bundle.js';
    },
};

bootstrap(document.getElementById('root')!);