import {SiteFooter} from '@/components/site-footer';

interface InitLayoutProps {
    children: React.ReactNode;
}

export function InitLayout({children}: InitLayoutProps) {
    return (
        <div className="min-h-screen flex flex-col bg-white dark:bg-zinc-950">
            {/* Header */}
            <header className="h-12 flex items-center px-4 border-b border-zinc-100 dark:border-zinc-900/50">
                <a href="/" className="flex items-center gap-2 text-sm font-semibold text-zinc-900 dark:text-zinc-100">
                    <img src="/logo.png" alt="GitDataAI" className="h-5 w-5 object-contain"/>
                    GitDataAI
                </a>
            </header>

            {/* Main content */}
            <main className="flex-1 flex items-center justify-center px-4">
                {children}
            </main>

            {/* Footer */}
            <SiteFooter variant="minimal"/>
        </div>
    );
}