import { Locale } from '@/lib/i18n';
import Navigation from './Navigation';
import Footer from './Footer';

interface LayoutProps {
    children: React.ReactNode;
    locale: Locale;
    navigation: Array<{ name: string; href: string }>;
    common: {
        companyName: string;
        footer: {
            quickLinks: string;
            contactInfo: string;
            followUs: string;
            copyright: string;
            email: string;
            phone: string;
        };
    };
}

export default function Layout({ children, locale, navigation, common }: LayoutProps) {
    return (
        <div className="min-h-screen bg-white text-gray-900">
            <Navigation 
                locale={locale} 
                navigation={navigation} 
                companyName={common.companyName} 
            />
            <main className="pt-16">{children}</main>
            <Footer 
                locale={locale} 
                navigation={navigation} 
                common={common} 
            />
        </div>
    );
}