From 98089acd775498de785b5f97ce3c5b7cd59a5d81 Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Sun, 2 Feb 2025 01:31:42 +0800
Subject: [PATCH] feat(layout): create navbar with mobile sidebar integration

---
 src/components/navbar.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/components/navbar.tsx

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
new file mode 100644
index 0000000..6f27ca0
--- /dev/null
+++ b/src/components/navbar.tsx
@@ -0,0 +1,17 @@
+import { UserButton } from "@/features/auth/components/user-button";
+import { MobileSidebar } from "./mobile-sidebar";
+
+export const Navbar = () => {
+  return (
+    <nav className="pt-4 px-6 flex items-center justify-between">
+      <div className="flex-col hidden lg:flex">
+        <h1 className="text-2xl font-semibold">Home</h1>
+        <p className="text-muted-foreground">
+          Monitor all of your projects and tasks here
+        </p>
+      </div>
+      <MobileSidebar />
+      <UserButton />
+    </nav>
+  );
+};