import {
    IconColumns,
    IconBox,
} from "@tabler/icons-react";
import {
    CommonServicesTab,
    ProductsTab,
    FulfillmentBaseTab,
} from "./dealModularEditorTabs";
import ModulesType from "./types";

export enum ModuleNames {
    FULFILLMENT_BASE = "fulfillment_base",
}

const MODULES: ModulesType = {
    [ModuleNames.FULFILLMENT_BASE]: {
        info: {
            key: "fulfillment_base",
            label: "Фулфиллмент",
        },
        tabs: [
            {
                label: "Услуги",
                key: "common_services",
                icon: <IconColumns />,
                device: "mobile",
                tab: (props: any) => <CommonServicesTab {...props} key={"common_services"} />,
            },
            {
                label: "Товары",
                key: "products",
                icon: <IconBox />,
                device: "mobile",
                tab: (props: any) => <ProductsTab {...props} key={"products"} />,
            },
            {
                label: "Фулфиллмент",
                key: "fulfillment_base",
                icon: <IconBox />,
                device: "desktop",
                tab: (props: any) => <FulfillmentBaseTab {...props} key={"fulfillment_base"} />,
            },
        ]
    },
};

export default MODULES;