import { AnnotateIcon } from '../components/aisera-icons/custom';
import React from 'react';
import { createRoot } from 'react-dom/client';

const SharedIconsMap = new Map();
SharedIconsMap.set('annotate', AnnotateIcon);

const IconRenderer = ({name}: IIconRendererProps, container: Element) => {
    const root = createRoot(container);
    const Icon = SharedIconsMap.get(name);
    return root.render(<Icon />);
}

export default IconRenderer;
export interface IIconRendererProps {
    name: string;
}