import { useI18nSync } from '@/hooks/use-i18n-sync';
import { setThemeScope } from '@/utils/theme-manager';
import { useLayoutEffect } from 'react';
import AuthDefaultLayout from './auth/auth-default-layout';

export default function AuthLayout({
  children,
  title,
  description,
}: {
  children: React.ReactNode;
  title: string;
  description: string;
}) {
  useI18nSync();
  useLayoutEffect(() => {
    setThemeScope('user', 'default');
  }, []);

  return (
    <AuthDefaultLayout title={title} description={description}>
      {children}
    </AuthDefaultLayout>
  );
}