import React from 'react';
import Head from 'next/head';
import { useTranslation } from 'next-i18next';

const Layout: React.FC<{children: React.ReactNode}> = ({ children }) => {
  const { t } = useTranslation('common');
  return (
    <>
      <Head>
        <title>{t('title')}</title>
        <meta name="description" content="Evolutionary model merging for Hugging Face" />
      </Head>
      <main className="min-h-screen bg-gray-50 text-gray-900">
        {children}
      </main>
    </>
  );
};

export default Layout;