1"use strict";
2var __importDefault = (this && this.__importDefault) || function (mod) {
3    return (mod && mod.__esModule) ? mod : { "default": mod };
4};
5Object.defineProperty(exports, "__esModule", { value: true });
6const react_1 = __importDefault(require("react"));
7const client_1 = __importDefault(require("react-dom/client"));
8let currentRoot = null;
9exports.default = {
10    show() {
11        if (currentRoot) {
12            return;
13        }
14        const ErrorOverlay = require('../../ErrorOverlay').default;
15        // Create a new div with ID `error-overlay` element and render LogBoxInspector into it.
16        const div = document.createElement('div');
17        div.id = 'error-overlay';
18        document.body.appendChild(div);
19        currentRoot = client_1.default.createRoot(div);
20        currentRoot.render(react_1.default.createElement(ErrorOverlay, null));
21    },
22    hide() {
23        // Remove div with ID `error-overlay`
24        if (currentRoot) {
25            currentRoot.unmount();
26            currentRoot = null;
27        }
28        const div = document.getElementById('error-overlay');
29        div?.remove();
30    },
31};
32//# sourceMappingURL=index.js.map