import type { ReactNode } from 'react';
import { LanguageSwitcher } from '@/components/language-switcher';
import { useT } from '@/i18n/t';

export default function AuthLayout({ children }: { children: ReactNode }) {
  const t = useT();
  return (
    <div className="flex min-h-dvh flex-col">
      <header className="flex items-center justify-between px-5 py-4">
        <span className="text-base font-semibold tracking-tight">{t('common.appName')}</span>
        <LanguageSwitcher />
      </header>
      <main className="flex flex-1 items-center justify-center px-5 pb-16">
        <div className="w-full max-w-sm">{children}</div>
      </main>
    </div>
  );
}