From 59bdba44c29eda1cf40fd94aeeaeee94b6703dd3 Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Wed, 29 Jan 2025 13:30:38 +0800
Subject: [PATCH] feat(auth): add authentication layout

---
 src/app/(auth)/layout.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/app/(auth)/layout.tsx

diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
new file mode 100644
index 0000000..ceb1a6b
--- /dev/null
+++ b/src/app/(auth)/layout.tsx
@@ -0,0 +1,26 @@
+import { Button } from "@/components/ui/button";
+import Image from "next/image";
+
+interface AuthLayoutProps {
+  children: React.ReactNode;
+}
+
+const AuthLayout = ({ children }: AuthLayoutProps) => {
+  return (
+    <main className="min-h-screen">
+      <div className="mx-auto max-w-screen-2xl p-4">
+        <nav className="flex items-center justify-between">
+          <Image src="/logo.svg" alt="logo" width={100} height={50} />
+          <div className="flex items-center gap-2">
+            <Button variant="secondary">Sign Up</Button>
+          </div>
+        </nav>
+        <div className="flex flex-col items-center justify-center pt-4 md:pt-14">
+          {children}
+        </div>
+      </div>
+    </main>
+  );
+};
+
+export default AuthLayout;