import * as React from "react";
import { times } from "lodash";
import generate from "./";
import MenuItem from "../../components/SideMenu/MenuItem";
import { ICON_CODE } from "../../constants/iconCodes";

export const createMenuItems = (totalItems: number = 4): MenuItem[] => {
    return times(totalItems, i => {
        return (
            <MenuItem
                item={generate.genId()}
                displayValue={generate.genInputName()}
                key={i}
                image={ICON_CODE.CLOSE}
            />
        );
    });
};