import { uniqueId } from "lodash";

import {
  IconAward,
  IconBoxMultiple,
  IconPoint,
  IconAlertCircle,
  IconNotes,
  IconCalendar,
  IconMail,
  IconTicket,
  IconEdit,
  IconGitMerge,
  IconCurrencyDollar,
  IconApps,
  IconFileDescription,
  IconFileDots,
  IconFiles,
  IconBan,
  IconStar,
  IconMoodSmile,
  IconBorderAll,
  IconBorderHorizontal,
  IconBorderInner,
  IconBorderVertical,
  IconBorderTop,
  IconUserCircle,
  IconPackage,
  IconMessage2,
  IconBasket,
  IconChartLine,
  IconChartArcs,
  IconChartCandle,
  IconChartArea,
  IconChartDots,
  IconChartDonut3,
  IconChartRadar,
  IconLogin,
  IconUserPlus,
  IconRotate,
  IconBox,
  IconShoppingCart,
  IconAperture,
  IconLayout,
  IconSettings,
  IconHelp,
  IconZoomCode,
  IconBoxAlignBottom,
  IconBoxAlignLeft,
  IconBorderStyle2,
  IconLockAccess,
  IconAppWindow,
  IconNotebook,
  IconFileCheck,
  IconChartHistogram,
  IconListTree,
  IconChartArcs3,
  IconChartPpf,
  IconChartScatter,
  IconChartPie2,
  IconPageBreak,
  IconHome,
  IconUsers,
  IconSwitch,
  IconSwitch2,
  IconSwitch3,
  IconCashBanknote,
  IconCashBanknoteOff,
  IconUserDollar,
  IconMoneybag,
  IconReport,
  IconDeviceMobile,
  IconCalendarEvent,
  IconCalendarCheck
} from "@tabler/icons-react";
import { ElementType } from "react-spring";
import { NavGroup } from "@/app/(DashboardLayout)/types/layout/sidebar";
import { withKiosk } from "@/utils/withKiosk";
import { useSearchParams } from "next/navigation";

const Menuitems: NavGroup[] = [
  // {
  //   navlabel: true,
  //   subheader: "Home",
  // },

  {
    id: uniqueId(),
    title: "Dashboard",
    icon: IconHome,
    href: "/dashboard",
    // chip: "New",
    chipColor: "secondary",
    isSuper: false,
  },
  {
    id: uniqueId(),
    title: "Cashout",
    icon: IconMoneybag,
    href: "/cashout",
    // chip: "New",
    chipColor: "secondary",
    isSuper: false,

  },
  {
    id: uniqueId(),
    title: "Employees",
    icon: IconUsers,
    href: "/employees",
    // chip: "New",
    chipColor: "secondary",
    isSuper: true,

  },
  {
    id: uniqueId(),
    title: "Transactions",
    icon: IconCurrencyDollar,
    href: "/transactions",
    // chip: "New",
    chipColor: "secondary",
    isSuper: true,

  },
    {
    id: uniqueId(),
    title: "Schedules",
    icon: IconCalendarEvent,
    href: "/schedules",
    // chip: "New",
    chipColor: "secondary",
    isSuper: true,

  },
   {
    id: uniqueId(),
    title: "Leave Applications",
    icon: IconCalendarCheck,
    href: "/leaveApplications",
    // chip: "New",
    chipColor: "secondary",
    isSuper: false,

  },
  // {
  //   id: uniqueId(),
  //   title: "Employee Logins",
  //   icon: IconUsers,
  //   href: "/employeeLogins",
  //   // chip: "New",
  //   chipColor: "secondary",
  //   isSuper: true,

  // },
  {
    id: uniqueId(),
    title: "Calendar",
    icon: IconCalendar,
    href: "/calendar",
    // chip: "New",
    chipColor: "secondary",
    isSuper: true,

  },
  {
    id: uniqueId(),
    title: "Hourly Wages",
    icon: IconCurrencyDollar,
    href: "/hourlyWages",
    // chip: "New",
    chipColor: "transactions",
    isSuper: true,

  },
  {
    id: uniqueId(),
    title: "Indian Wages",
    icon: IconCurrencyDollar,
    href: "/indianWages",
    // chip: "New",
    chipColor: "transactions",
    isSuper: true,

  },

  {
    id: uniqueId(),
    title: "Reports",
    icon: IconReport,
    href: "/reports",
    // chip: "New",
    chipColor: "secondary",
    isSuper: true,

  },
  {
    id: uniqueId(),
    title: "Charts",
    icon: IconChartLine,
    href: "/charts",
    // chip: "New",
    chipColor: "secondary",
    isSuper: true,

  },
  {
    id: uniqueId(),
    title: "Mobile Logins",
    icon: IconDeviceMobile,
    href: "/mobileLogins",
    // chip: "New",
    chipColor: "transactions",
    isSuper: true,

  },
   {
    id: uniqueId(),
    title: "Payout Methods",
    icon: IconCashBanknote,
    href: "/payoutMethods",
    // chip: "New",
    chipColor: "secondary",
    isSuper: true,

  },

];

export default Menuitems;
