1 files changed, 31 insertions, 0 deletions

diff --git a/frontend/components/AuthButton.tsx b/frontend/components/AuthButton.tsx
new file mode 100644
index 0000000..05c493c
--- /dev/null
+++ b/frontend/components/AuthButton.tsx
@@ -0,0 +1,31 @@
+import { Auth_get_user, Auth_tinyauth_public_endpoint } from '@/lib/auth'
+
+export default async function AuthButton() {
+  const user = await Auth_get_user()
+  const authEndpoint = Auth_tinyauth_public_endpoint()
+
+  if (user.isLoggedIn) {
+    return (
+      <div className="flex items-center gap-4">
+        <span className="text-sm text-gray-600 dark:text-gray-300">
+          {user.email}
+        </span>
+        <a
+          href={authEndpoint}
+          className="px-3 py-1 text-sm bg-red-600 hover:bg-red-700 text-white rounded transition-colors"
+        >
+          Logout
+        </a>
+      </div>
+    )
+  }
+
+  return (
+    <a
+      href={authEndpoint}
+      className="px-3 py-1 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded transition-colors"
+    >
+      Login
+    </a>
+  )
+}
\ No newline at end of file