import { uniqueId } from "lodash";

import {

  IconPoint,
  IconHome,
  IconUsers,
  IconMenu,
  IconChecklist,

} from "@tabler/icons-react";

import { NavGroup } from "@/app/(DashboardLayout)/types/layout/sidebar";
import { withKiosk } from "@/utils/withKiosk";

// import { useDeviceMenuItems } from "@/utils/UsedevicemenuItems";
// const { items: deviceItems } = useDeviceMenuItems();

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

  {
    id: uniqueId(),
    title: "Dashboard",
    icon: IconHome,
    href: "/dashboard",
    // chip: "New",
    chipColor: "secondary",
    isSuper: false,
  },
  {
    id: uniqueId(),
    title: "People",
    icon: IconUsers,
    href: "/people",
    // chip: "New",
    chipColor: "secondary",
    isSuper: false,
  },
  // {
  //   id: uniqueId(),
  //   title: "Access Log",
  //   icon: IconMenu,
  //   href: "/accessLog",
  //   // chip: "New",
  //   chipColor: "secondary",
  //   isSuper: false,
  // },
  {
    id: uniqueId(),
    title: "Access Logs",
    icon: IconMenu,
    isSuper: false,
    children: [],  // ← populated dynamically by useDeviceMenuItems
  },
  {
    id: uniqueId(),
    title: "Reviews",
    icon: IconChecklist,
    href: "/reviews",
    // chip: "New",
    chipColor: "secondary",
    isSuper: false,
  },


];

export default Menuitems;