import { LanguageSwitcher } from '@/components/layout/language-switcher';
import { ThemeSwitcher } from '@/components/layout/theme-switcher';
import { useTranslation } from 'react-i18next';

export function LandingPageLayout({ children }: { children: React.ReactNode }) {
  const { t } = useTranslation();

  return (
    <div className='min-h-screen bg-background'>
      <header className='border-b'>
        <div className='container mx-auto flex h-16 items-center justify-between px-4'>
          <div className='flex items-center gap-4'>
            <h1 className='text-xl font-semibold'>{t('app.title')}</h1>
          </div>
          <div className='flex items-center gap-4'>
            <ThemeSwitcher />
            <LanguageSwitcher />
          </div>
        </div>
      </header>
      <main>{children}</main>
    </div>
  );
}