import { z } from "zod";
import * as Icons from "../icons";
const navSubItemSchema: z.ZodType<any> = z.lazy(() =>
  z.object({
    title: z.string(),
    url: z.string(),
    icon: z.any(),
    items: z.array(navSubItemSchema).default([]),
  }),
);

const navItemSchema = z.object({
  label: z.string(),
  items: z.array(navSubItemSchema),
});

const navDataSchema = z.array(navItemSchema);
export type NavSubItem = z.infer<typeof navSubItemSchema>;
export type NavData = z.infer<typeof navDataSchema>;

export const NAV_DATA: NavData = [
  {
    label: "MAIN MENU",
    items: [
      {
        title: "Dashboard",
        url: "/",
        icon: Icons.HomeIcon,
        items: [],
      },
      {
        title: "Admins",
        url: "/admins",
        icon: Icons.User,
        items: [],
      },
      {
        title: "Manage Companies",
        icon: Icons.Building,
        items: [
          { Icons: Icons.Building, url: "/companies", title: "Companies" },
          {
            Icons: Icons.Building,
            url: "/companies/categories",
            title: "Company Categories",
          },
        ],
      },
      {
        title: "Customers",
        url: "/customers",
        icon: Icons.User,
        items: [],
      },
      {
        title: "Tenders",
        url: "/tenders",
        icon: Icons.Table,
        items: [],
      },
    ],
  },
  // {
  //   label: "MAIN MENU",
  //   items: [
  //     {
  //       title: "Dashboard",
  //       icon: Icons.HomeIcon,
  //       items: [
  //         {
  //           title: "eCommerce",
  //           url: "/",
  //         },
  //       ],
  //     },
  //     {
  //       title: "Calendar",
  //       url: "/calendar",
  //       icon: Icons.Calendar,
  //       items: [],
  //     },
  //     {
  //       title: "Profile",
  //       url: "/profile",
  //       icon: Icons.User,
  //       items: [],
  //     },
  //     {
  //       title: "Forms",
  //       icon: Icons.Alphabet,
  //       items: [
  //         {
  //           title: "Form Elements",
  //           url: "/forms/form-elements",
  //         },
  //         {
  //           title: "Form Layout",
  //           url: "/forms/form-layout",
  //         },
  //       ],
  //     },
  //     {
  //       title: "Tables",
  //       url: "/tables",
  //       icon: Icons.Table,
  //       items: [
  //         {
  //           title: "Tables",
  //           url: "/tables",
  //         },
  //       ],
  //     },
  //     {
  //       title: "Pages",
  //       icon: Icons.Alphabet,
  //       items: [
  //         {
  //           title: "Settings",
  //           url: "/pages/settings",
  //         },
  //       ],
  //     },
  //   ],
  // },
  // {
  //   label: "OTHERS",
  //   items: [
  //     {
  //       title: "Charts",
  //       icon: Icons.PieChart,
  //       items: [
  //         {
  //           title: "Basic Chart",
  //           url: "/charts/basic-chart",
  //         },
  //       ],
  //     },
  //     {
  //       title: "UI Elements",
  //       icon: Icons.FourCircle,
  //       items: [
  //         {
  //           title: "Alerts",
  //           url: "/ui-elements/alerts",
  //         },
  //         {
  //           title: "Buttons",
  //           url: "/ui-elements/buttons",
  //         },
  //       ],
  //     },
  //     {
  //       title: "Authentication",
  //       icon: Icons.Authentication,
  //       items: [
  //         {
  //           title: "Sign In",
  //           url: "/auth/sign-in",
  //         },
  //       ],
  //     },
  //   ],
  // },
];
