import {
  mdiMenu,
  mdiClockOutline,
  mdiCloud,
  mdiCrop,
  mdiAccount,
  mdiCogOutline,
  mdiEmail,
  mdiLogout,
  mdiThemeLightDark,
  mdiGithub,
  mdiVuejs,
  mdiViewDashboardOutline,
  mdiFileDocumentOutline,
  mdiChartBar,
} from '@mdi/js'
import { MenuNavBarItem } from './interfaces'

const menuNavBar: MenuNavBarItem[] = [
  {
    icon: mdiViewDashboardOutline,
    label: 'Dashboard',
    href: '/dashboard',
  },
  {
    icon: mdiFileDocumentOutline,
    label: 'Transactions',
    href: '/transactions',
  },
  {
    icon: mdiChartBar,
    label: 'Reports',
    href: '/vat_declarations/vat_declarations-list',
  },
  {
    isCurrentUser: true,
    menu: [
      {
        icon: mdiAccount,
        label: 'My Profile',
        href: '/profile',
      },
      {
        isDivider: true,
      },
      {
        icon: mdiLogout,
        label: 'Log Out',
        isLogout: true,
      },
    ],
  },
  {
    icon: mdiThemeLightDark,
    label: 'Light/Dark',
    isDesktopNoLabel: true,
    isToggleLightDark: true,
  },
  {
    icon: mdiLogout,
    label: 'Log out',
    isDesktopNoLabel: true,
    isLogout: true,
  },
]

export const webPagesNavBar = [
    
];

export default menuNavBar