import { useEffect } from 'react';
import { useRouter } from 'next/router';
import basicstore from '@/stores/auth';

type Props = {
  children: React.ReactNode;
};

const Layout = ({ children }: Props) => {
  const router = useRouter();
  const { isLoggedIn } = basicstore();

  useEffect(() => {
    if (isLoggedIn) router.push('/announcements');
  }, [isLoggedIn, router]);

  return <div className="theme-dark">{children}</div>;
};

export default Layout;