AI Code Toolkit

/** * Protected Layout * * DESIGN PATTERNS: * - Guards all routes in (protected) group * - Checks auth on server side if possible * - Provides navigation for authenticated users */ import { ReactNode } from "react"; export default function ProtectedLayout({ children }: { children: ReactNode }) { return ( <div className="min-h-screen"> <nav className="border-b bg-white"> <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div className="flex h-16 items-center justify-between"> <div className="flex items-center"> <h1 className="text-xl font-bold">App</h1> </div> </div> </div> </nav> <main>{children}</main> </div> ); }