layout.tsx 656 B

123456789101112131415161718192021222324
  1. interface LayoutProps {
  2. children?: React.ReactNode;
  3. }
  4. export default function Layout({ children }: LayoutProps) {
  5. return (
  6. <div className="mx-auto flex flex-col space-y-4">
  7. <header className="container sticky top-0 z-40 bg-white">
  8. <div className="h-16 border-b border-b-slate-200 py-4">
  9. <nav className="ml-4 pl-6">
  10. <a href="#" className="hover:text-slate-600 cursor-pointer">
  11. Home
  12. </a>
  13. </nav>
  14. </div>
  15. </header>
  16. <div>
  17. <main className="flex w-full flex-1 flex-col overflow-hidden">
  18. {children}
  19. </main>
  20. </div>
  21. </div>
  22. );
  23. }