import {AbstractModal} from "tc-shared/ui/react-elements/Modal";

export interface PopoutHandler {
    name: string;
    loadClass: <T extends AbstractModal>() => Promise<any>;
}

const registeredHandler: {[key: string]: PopoutHandler} = {};

export function findPopoutHandler(name: string) {
    return registeredHandler[name];
}

function registerHandler(handler: PopoutHandler) {
    registeredHandler[handler.name] = handler;
}

registerHandler({
    name: "video-viewer",
    loadClass: async () => await import("tc-shared/video-viewer/Renderer")
});


registerHandler({
    name: "conversation",
    loadClass: async () => await import("tc-shared/ui/frames/side/PopoutConversationUI")
});


registerHandler({
    name: "css-editor",
    loadClass: async () => await import("tc-shared/ui/modal/css-editor/Renderer")
});