'use client';
import { IRootState } from '@/store';
import { useSession } from 'next-auth/react';
import { useRouter } from 'next/navigation';
import React from 'react';
import { useSelector } from 'react-redux';
import Loading from './loading';

const MainContainer = ({ children }: { children: React.ReactNode }) => {
    const themeConfig = useSelector((state: IRootState) => state.themeConfig);
    const session = useSession();
    const router = useRouter();
    if (session.status === 'loading') {
        return <Loading />
    }

    if (session.status === 'unauthenticated') {
        router.push('/signIn');
        return null

    }
    return <div className={`${themeConfig.navbar} main-container min-h-screen text-black dark:text-white-dark`}> {children}</div>;
};

export default MainContainer;