import { PublicHeader } from '@/components/public-header';
import { PageShell } from '@/components/layout/page-shell';

export default function PublicLayout({ children }: { children: React.ReactNode }) {
    return (
        <div className="min-h-screen bg-muted/30">
            <header className="sticky top-0 z-10 border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/80">
                <PageShell width="wide" className="py-4">
                    <PublicHeader />
                </PageShell>
            </header>

            <PageShell width="narrow" className="py-8">
                {children}
            </PageShell>
        </div>
    );
}