"use client";

import { usePathname } from "next/navigation";
import Sidebar from "./Sidebar";
import MobileHeader from "./MobileHeader";
import DesktopHeader from "./DesktopHeader";
import MobileNav from "./MobileNav";

export default function LayoutWrapper({ children }: { children: React.ReactNode }) {
  const pathname = usePathname();
  const isLoginPage = pathname === "/login";

  if (isLoginPage) {
    return <main className="min-h-screen">{children}</main>;
  }

  return (
    <>
      <MobileHeader />
      <DesktopHeader />
      <div className="flex min-h-screen">
        <Sidebar />
        <main className="flex-1 p-6 md:ml-64 md:p-4 md:pt-20 pb-20 md:pb-6">
          {children}
        </main>
      </div>
      <MobileNav />
    </>
  );
}