pancy fants

src/layouts/AppLayout.tsx

@@ -1,15 +0,0 @@
-import { PropsWithChildren } from 'react'
-import { Link } from 'react-router'
-
-export default function AppLayout({ children }: PropsWithChildren) {
-  return (
-    <div>
-      <nav className={`w-full flex flex-row-reverse px-4 md:px-8 py-0.5`}>
-        <Link className={`text-gray-800`} to="/signup">
-          create account
-        </Link>
-      </nav>
-      <main className={`w-full`}>{children}</main>
-    </div>
-  )
-}

src/layouts/SingleColumnLayout.tsx

@@ -0,0 +1,17 @@
+import { PropsWithChildren, ReactNode } from 'react'
+
+interface SingleColumnLayoutProps {
+  navbar?: ReactNode
+}
+
+export default function SingleColumnLayout({
+  children,
+  navbar,
+}: PropsWithChildren<SingleColumnLayoutProps>) {
+  return (
+    <div>
+      {navbar}
+      <main className={`w-full max-w-3xl mx-auto`}>{children}</main>
+    </div>
+  )
+}