"use client";

import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { useSession } from "next-auth/react";
import Sidebar from "@/components/Sidebar";

export default function AuthLayout({ children }: { children: React.ReactNode }) {
    const { status } = useSession();
    const router = useRouter();

    useEffect(() => {
        if (status === "unauthenticated") {
            router.push("/");
        }
    }, [status, router]);

    if (status === "loading") return null;
    if (status !== "authenticated") return null;

    return (
        <div className="flex min-h-screen">
            <Sidebar />
            <main className="ml-56 flex-1 p-8">
                {children}
            </main>
        </div>
    );
}