"use client";

import CustomSideBar from "@/components/CustomSideBar";
import { SidebarProvider } from "@/components/ui/sidebar";
import { SessionProvider } from "next-auth/react";
import { usePathname } from "next/navigation";
import React from "react";

const layout = ({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) => {
  const pathname = usePathname();

  if (
    pathname?.startsWith("/admin/data-karyawan/edit") ||
    pathname?.startsWith("/admin/data-karyawan/view")
  ) {
    return <>{children}</>;
  }

  return (
    <SidebarProvider>
      <div className="flex h-screen w-full font-inter">
        <CustomSideBar />
        <div className="flex flex-col flex-1">
          <SessionProvider>
            <main className="flex-1 p-4">{children}</main>
          </SessionProvider>
        </div>
      </div>
    </SidebarProvider>
  );
};

export default layout;