text: const Menu =  [
    { header: 'Apps' },
    {
      title: 'Dashboard',
      group: 'apps',
      icon: 'dashboard',
      name: 'Dashboard',
    },
    {
      title: 'Chat',
      group: 'apps',
      icon: 'chat_bubble',
      target: '_blank',
      name: 'Chat',
    },
    {
      title: 'Inbox',
      group: 'apps',
      name: 'Mail',
      target: '_blank',
      icon: 'email',
    },
    {
      title: 'Media',
      group: 'apps',
      name: 'Media',
      icon: 'perm_media',
    },
    {
      title: 'Widgets',
      group: 'widgets',
      component: 'widgets',
      icon: 'widgets',
      items: [
        { name: 'social', title: 'Social', component: 'components/social' },
        { name: 'statistic', title: 'Statistic', badge: 'new', component: 'components/statistic' },
        { name: 'chart', title: 'Chart', component: 'components/chart' },
        { name: 'list', title: 'List', component: 'components/widget-list' },
        // { name: 'post', title: 'Post', component: 'components/widget-post' },
      ]
    },
    {
      title: 'Shop',
      group: 'shop',
      component: 'shop',
      icon: 'widgets',
      items: [
        { name: '会员管理', title: '会员管理', component: 'components/shop-list' },
        // { name: 'post', title: 'Post', component: 'components/widget-post' },
      ]
    },  
    { header: 'UI Elements' },
    {
      title: 'General',
      group: 'components',
      component: 'components',
      icon: 'tune',
      items: [
        { name: 'alerts', title: 'Alerts', component: 'components/alerts' },
        { name: 'avatars', title: 'Avatars', component: 'components/avatars' },
        { name: 'badges', title: 'Badges', component: 'components/badges' },
        { name: 'buttons', title: 'Buttons', component: 'components/buttons' },
        { name: 'cards', title: 'Cards', component: 'components/cards' },
        { name: 'carousels', title: 'Carousels', component: 'components/carousels' },
        { name: 'chips', title: 'Chips', component: 'components/chips' },
        { name: 'dialogs', title: 'Dialogs', component: 'components/dialogs' },
        { name: 'icons', title: 'Icons', component: 'components/icons' },
        { name: 'tables', title: 'Data Tables', component: 'components/tables' },
        { name: 'parallax', title: 'Parallax  image', component: 'components/parallax' },
        { name: 'snackbar', title: 'Snackbar', component: 'components/snackbar' },
        { name: 'progress', title: 'Progress', component: 'components/progress' },      
        { name: 'slider', title: 'Slider', component: 'components/sliders' },      
        { name: 'tooltip', title: 'Tooltip', component: 'components/tooltips' },      
        { name: 'pagination', title: 'Pagination', component: 'components/paginations' },      
        { name: 'typography', title: 'Typography', component: 'components/typography' },      
        { name: 'color', title: 'Color', component: 'components/color' },      
  
      ]
    },
    {
      title: 'Pickers',
      group: 'pickers',
      component: 'picker',
      icon: 'filter_vintage',
      items: [
        { name: 'timepicker', title: 'Timepicker', component: 'pickers/timepicker' },     
        { name: 'datepicker', title: 'Datepicker', component: 'pickers/datepicker' },      
  
      ]
    },
    {
      title: 'Layout',
      group: 'layout',
      component: 'layout',
      icon: 'view_compact',
      items: [
        { name: 'bottom-sheets', title: 'Bottom panels', component: 'components/bottom-sheets' },
        { name: 'expansion-panels', title: 'Expansion panels', component: 'components/expansion-panels' },
        { name: 'footer', title: 'Footer', component: 'components/footer' },
        { name: 'lists', title: 'Lists', component: 'components/lists' },
        { name: 'jumbotrons', title: 'Jumbotrons', badge: 'new', component: 'components/jumbotrons' },
        { name: 'menus', title: 'Menus', component: 'components/menus' },
        // { name: 'navigation-drawers', title: 'Navigation drawers', component: 'components/navigation-drawers' },
        { name: 'tabs', title: 'Tabs', component: 'components/tabs' },
        { name: 'toolbar', title: 'Toolbars', component: 'components/toolbar' },
        { name: 'timeline', title: 'Timeline', component: 'components/timeline' },
      ]
    },  
    {
      title: 'Forms & Controls',
      group: 'forms',
      component: 'forms',
      icon: 'edit',
      items: [
        { name: 'basic', title: 'General', component: 'components/basic-forms' },
        { name: 'selects', title: 'Selects', badge: 'new', component: 'components/selects' },
        { name: 'selection-controls', title: 'Selection Controls', component: 'components/selection-controls' },
        { name: 'text-fields', title: 'Text Fields', component: 'components/text-fields' },
        { name: 'steppers', title: 'Steppers', component: 'components/steppers' },
        { name: 'editors', title: 'Editors', component: 'components/editors' },
      ]
    },
    { divider: true },
    { header: 'Extras' },
    {
      title: 'Pages',
      group: 'extra',
      icon: 'list',
      items: [
        { name: 'Login', title: 'Login', component: 'Login' },
        { name: '404', title: '404', component: 'NotFound' },
        { name: '403', title: '403', component: 'AccessDenied' },
        { name: '500', title: '500', component: 'ServerError' },
      ]
    },
  ];
  // reorder menu
  Menu.forEach((item) => {
    if (item.items) {
      item.items.sort((x, y) => {
        let textA = x.title.toUpperCase();
        let textB = y.title.toUpperCase();
        return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;
      });
    }
  });
  
  export default Menu;
  