"use client";

import { RenderSidebarNav } from "ikoncomponents/dist/ikoncomponents/main-layout/nav-main";
import { Home, Presentation, Settings } from "lucide-react";

export default function MainLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const navMain = [
    { title: "Dashboard", url: "/main/overview/dashboard", icon: Home },
    { title: "Projects", url: "/main/planning/projects", icon: Presentation },
    {
      title: "Configuration",
      url: "/main/configuration",
      icon: Settings,
      default: true,
      items: [
        // { title: "Integration", url: "/main/configuration/integration" },
        { title: "FX Rate", url: "/main/configuration/fx-rate" },
        { title: "Working Days", url: "/main/configuration/office-details" },
        { title: "Company Data", url: "/main/configuration/company-data" },
        { title: "Employee Data", url: "/main/configuration/employee-data" },
        // {
        //   title: "Employee Details",
        //   url: "/main/configuration/employee-data",
        // },
        // {
        //   title: "Office Details",
        //   url: "/main/configuration/office-details",
        // },
        // {
        //   title: "FX Rate",
        //   url: "/main/configuration/fx-rate",
        // },
        // {
        //   title: "Company Data",
        //   url: "/main/configuration/company-data",
        // },
        // {
        //   title: "Dynamic Products",
        //   url: "/main/configuration/dynamic-products",
        // },
      ],
    },
  ];

  return (
    <div className="flex">
      <RenderSidebarNav items={navMain} />
      <main className="flex-1">{children}</main>
    </div>
  );
}