import { cookies } from 'next/headers';
import { notFound } from 'next/navigation';

import { isLoggedIn } from '@/services/auth';

import TranslationProgressClient from './TranslationProgressClient';

export default async function TranslationProgressPage() {
  const cookieHeader = (await cookies()).toString();
  const loggedIn = await isLoggedIn(cookieHeader || null);

  if (!loggedIn) {
    return notFound();
  }

  return (
    <div className="px-site py-4 sm:py-16">
      <TranslationProgressClient />
    </div>
  );
}