export const useRoleMenu = (role: string) => {
  interface MenuItem {
    label: string;
    icon?: string;
    to?: string;
  }
  var items: Array<MenuItem> = [];
  switch (role) {
    case "Admin":
      items = [
        { label: "Dashboard", icon: "i-heroicons-solid-home", to: "/admin" },

        {
          label: "Clientes",
          icon: "i-heroicons-user-group-solid",
          to: "/admin/clientes",
        },
        {
          label: "Graneleras",
          icon: "i-heroicons-truck-solid",
          to: "/admin/graneleras",
        },
        {
          label: "Franquiciados",
          icon: "i-heroicons-building-storefront-solid",
          to: "/admin/franquiciados",
        },
        {
          label: "Pedidos",
          icon: "i-custom-icons-cilindro",
          to: "/admin/pedido/pedidos",
        },
        {
          label: "Pedidos granel",
          icon: "i-heroicons-truck-solid",

        },
        {
          label: "Casos",
          icon: "i-heroicons-folder-open-solid",
          to: "/admin/casos",
        },
        {
          label: "Pedidos Granel",
          icon: "i-heroicons-archive-box-solid",
          to: "/admin/pedido/granel/pedidos",
        },
        {
          label: "Promociones",
          icon: "i-heroicons-gift-solid",
          to: "/admin/promociones",
        },
        {
          label: "Cupones",
          icon: "i-heroicons-ticket-solid",
          to: "/admin/cupones",
        },
        {
          label: "Usuarios",
          icon: "i-heroicons-user-circle-solid",
          to: "/admin/usuarios",
        },
      ];
      break;
    case "Operador":
      items = [
        { label: "Dashboard", icon: "i-heroicons-solid-home", to: "/operador" },
        {
          label: "Clientes",
          icon: "i-heroicons-solid-user-group",
          to: "/operador/clientes",
        },
        {
          label: "Pedidos",
          icon: "i-heroicons-cube-solid",
          to: "/operador/pedido",
        },
        {
          label: "Promociones",
          icon: "i-heroicons-cube-solid",
          to: "/operador/promociones",
        },
        {
          label: "Cupones",
          icon: "i-heroicons-cube-solid",
          to: "/operador/cupones",
        },
        {
          label: "Pedidos",
          icon: "i-heroicons-cube-solid",
          to: "/operador/pedido/pedidos",
        },
      ];
      break;
    case "Transmision":
      items = [
        { label: "Dashboard", icon: "i-heroicons-solid-home", to: "/transmision" },
        {
          label: "Clientes",
          icon: "i-heroicons-solid-user-group",
          to: "/transmision/clientes",
        },
        {
          label: "Pedidos",
          icon: "i-heroicons-cube-solid",
          to: "/operador/pedido",
        },
      ];
      break;

    default:
      break;
  }
  return {
    items,
  };
};