import
{
  tableBodyIcon, tableUnmergeIcon, tableRowGroupsIcon, gridIcon, SVGIcon, chartAreaStackedIcon,
  chartBarStackedIcon, chartBarClusteredIcon, chartBarStacked100Icon, chartPieIcon, chartColumnStackedIcon,
  chartColumnClusteredIcon, chartColumnStacked100Icon, chartLineStackedIcon, chartLineIcon, chartLineStacked100Icon, chartScatterIcon
} from "@progress/kendo-svg-icons";

export interface MenuItems
{
  text?: string;
  svgIcon?: SVGIcon;
  children?: ChildMenuItem[];
  separator?: boolean;
}

export interface ChildMenuItem
{
  childText?: string;
  svgIcon?: SVGIcon;
  children?: ChildMenuItem[];
}

export const chartMenuItems: MenuItems[] = [
  {
    text: "Generate Chart",
    svgIcon: chartAreaStackedIcon,
    children: [
      {
        childText: "Bar Chart",
        svgIcon: chartBarClusteredIcon,
        children: [
          { childText: "Bar", svgIcon: chartBarClusteredIcon },
          { childText: "Stacked bar", svgIcon: chartBarStackedIcon },
          { childText: "100% Stacked bar", svgIcon: chartBarStacked100Icon },
        ],
      },
      { childText: "Pie Chart", svgIcon: chartPieIcon },
      {
        childText: "Column Chart",
        svgIcon: chartColumnClusteredIcon,
        children: [
          { childText: "Column", svgIcon: chartColumnClusteredIcon },
          { childText: "Stacked column", svgIcon: chartColumnStackedIcon },
          {
            childText: "100% Stacked column",
            svgIcon: chartColumnStacked100Icon,
          },
        ],
      },
      {
        childText: "Line Chart",
        svgIcon: chartLineStackedIcon,
        children: [
          { childText: "Line", svgIcon: chartLineIcon },
          { childText: "Stacked line", svgIcon: chartLineStackedIcon },
          { childText: "100% Stacked line", svgIcon: chartLineStacked100Icon },
        ],
      },
      { childText: "Scatter Chart", svgIcon: chartScatterIcon },
    ],
  },
  { separator: true },
  {
    text: "Select",
    svgIcon: tableBodyIcon,
    children: [
      { childText: "Row", svgIcon: tableRowGroupsIcon },
      { childText: "All rows", svgIcon: gridIcon },
      { childText: "Clear selection", svgIcon: tableUnmergeIcon },
    ],
  },
];
