'use client';

import { useEffect } from 'react';
import { useRouter } from 'next/navigation';
import Cookies from 'js-cookie';
import { useSession } from 'next-auth/react';
import Demo1Layout from '../components/layouts/demo1/layout';

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

  const token = Cookies.get('XSRF-TOKEN');

  useEffect(() => {
    if (!token) {
      router.push('/signin');
    }
  }, [status, router, token]);

  // if (status === 'loading') {
  //   return <ScreenLoader />;
  // }

  // return session ? <Demo1Layout>{children}</Demo1Layout> : null;
  return <Demo1Layout>{children}</Demo1Layout>;
}