import {
{{#each iconsToImport}}
    {{this}},
{{/each}}
} from "@tabler/icons-react";
import {
{{#each modules}}
    {{#each this.tabs}}
    {{pascalcase this.key}}Tab,
    {{/each}}
{{/each}}
} from "./dealModularEditorTabs";
import ModulesType from "./types";

export enum ModuleNames {
{{#each modules}}
    {{uppercase this.key}} = "{{this.key}}",
{{/each}}
}

const MODULES: ModulesType = {
{{#each modules}}
    [ModuleNames.{{uppercase this.key}}]: {
        info: {
            key: "{{this.key}}",
            label: "{{this.label}}",
        },
        tabs: [
            {{#each this.tabs}}
            {
                label: "{{this.label}}",
                key: "{{this.key}}",
                icon: {{#if this.iconName}}<{{this.iconName}} />{{else}}None{{/if}},
                device: "{{this.device}}",
                tab: (props: any) => <{{pascalcase this.key}}Tab {...props} key={"{{this.key}}"} />,
            },
            {{/each}}
        ]
    },
{{/each}}
};

export default MODULES;
