"use client";
import "@progress/kendo-licensing";
import "@progress/kendo-theme-default/dist/all.css";
import React from "react";

import { ProviderWrapper } from "ikoncomponents";

import { Oswald, Outfit, Poppins } from "next/font/google";
import "./globals.css";
import { RenderSidebarNav } from "ikoncomponents/dist/ikoncomponents/main-layout/nav-main";
import { SidebarNavItem } from "ikoncomponents/dist/ikoncomponents/main-layout/SidebarNavContext";
import { AppCacheProvider } from "@/app/utils/context/AppCacheContext";

import {
  Bot,
  Files,
  Home,
  icons,
  LayoutDashboard,
  Settings,
  User,
} from "lucide-react";

const poppins = Poppins({
  subsets: ["latin"],
  weight: "400",
  variable: "--font-poppins",
});

const outfit = Outfit({
  subsets: ["latin"],
  weight: "400",
  variable: "--font-outfit",
});

const oswald = Oswald({
  subsets: ["latin"],
  weight: "400",
  variable: "--font-oswald",
});

// export const metadata: Metadata = {
//   title: "Create Next App",
//   description: "Generated by create next app",
// };

const navMain: SidebarNavItem[] = [
  // {
  //   title: "Main",
  //   url: "/main",
  //   icon: Home,
  //   default: true,
  //    items: [
  //     {
  //       title: "Dashboard",
  //       url: "/main/dashboard",
  //       icons: Home,
  //     },
  //     {
  //       title: "Projects",
  //       url: "/main/projects",
  //     },
      
  //     {
  //       title: "Tasks",
  //       url: "/main/tasks",
  //     },
  //     {
  //       title: "Sprints",
  //       url: "/main/sprints",
  //     },

      
  //   ],
  // },
  // {
  //   title: "Analytics",
  //   url: "/analytics",
  //   icon: Bot,
  //   default: true,
  //     items: [
  //     {
  //       title: "Analytics",
  //       url: "/analytics/Analytics",
  //     },
  //     {
  //       title: "Ai Insights",
  //       url: "/analytics/ai-insights",
  //     },
      
  //     {
  //       title: "Ai Assessment",
  //       url: "/analytics/ai-assessment",
  //     },
  //     {
  //       title: "Reports",
  //       url: "/analytics/reports",
  //     },

  //      {
  //       title: "Resources",
  //       url: "/analytics/resources",
  //     },
  //      {
  //       title: "Project Access",
  //       url: "/analytics/project-access",
  //     },
  //   ],
  // },


  // {
  //   title: "Management",
  //   url: "#",
  //   icon: Files,
  //   isActive: true,
  //   items: [
  //     {
  //       title: "Portfolios",
  //       url: "/management/portfolios",
  //     },
  //     {
  //       title: "Risks",
  //       url: "/management/risks",
  //     },
      
  //     {
  //       title: "Changes",
  //       url: "/management/changes",
  //     },
  //     {
  //       title: "Automation",
  //       url: "/management/automation",
  //     },

  //      {
  //       title: "Integration",
  //       url: "/management/integration",
  //     },
  //        {
  //       title: "settings",
  //       url: "/management/settings",
  //     },
  //   ],
  // },
 
];

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body
        className={`${poppins.variable} ${outfit.variable} ${oswald.variable} antialiased`}
      >
        
               <ProviderWrapper baseUrl={process.env.NEXT_PUBLIC_IKON_API_URL || ""}  platformUrl={process.env.NEXT_PUBLIC_IKON_PLATFORM_UI_URL || ""} >

          <RenderSidebarNav items={navMain}  sidebarHeader={
    <h2 className="flex items-center gap-2 text-md mb-5 mt-2">
      <User size={18} />
      Project AI
    </h2>
  } />
          <AppCacheProvider>{children}</AppCacheProvider>
        </ProviderWrapper>
      </body>
    </html>
  );
}
