web/components/Layout.tsx (view raw)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
import React from "react"; import Link from "next/link"; interface LayoutProps { children: React.ReactNode; } const Layout: React.FC<LayoutProps> = ({ children }) => { return ( <div> <nav className="bg-gray-800 text-white p-4"> <ul className="flex space-x-4"> <li> <Link href="/">Home</Link> </li> <li> <Link href="/register">Register</Link> </li> <li> <Link href="/login">Login</Link> </li> <li> <Link href="/protected">Protected</Link> </li> </ul> </nav> <main className="p-4">{children}</main> </div> ); }; export default Layout; |