{"path":"src/components/admin/AdminHeader.tsx","size":1690,"locked":false,"binary":false,"truncated":false,"content":"\"use client\";\n\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { createClient } from \"@/lib/supabase/client\";\nimport { LogOut, ExternalLink } from \"lucide-react\";\n\nexport function AdminHeader({ userEmail }: { userEmail?: string }) {\n  const supabase = createClient();\n  const router = useRouter();\n\n  const handleSignOut = async () => {\n    if (!supabase) return;\n    await supabase.auth.signOut();\n    router.push(\"/login\");\n  };\n\n  return (\n    <header className=\"sticky top-0 z-50 w-full border-b border-neutral-200/60 bg-white/70 backdrop-blur-md\">\n      <div className=\"mx-auto flex h-16 md:h-20 items-center justify-between px-4 md:px-6 max-w-7xl\">\n        {/* Brand – now shows Admin instead of the store name */}\n        <Link\n          href=\"/admin\"\n          className=\"font-serif text-lg md:text-xl font-medium tracking-[0.2em] md:tracking-[0.3em] uppercase text-neutral-900\"\n        >\n          Admin\n        </Link>\n\n        <div className=\"flex items-center gap-4 md:gap-6 text-neutral-500 text-[11px] uppercase font-medium tracking-widest\">\n          <a\n            href=\"/\"\n            target=\"_blank\"\n            className=\"hover:text-black transition-colors flex items-center gap-1.5\"\n          >\n            <span>View Site</span>\n            <ExternalLink className=\"w-3 h-3\" />\n          </a>\n          <span className=\"text-neutral-200 hidden md:inline\">|</span>\n          <button\n            onClick={handleSignOut}\n            className=\"hover:text-red-600 transition-colors flex items-center gap-1.5\"\n          >\n            <LogOut className=\"w-3.5 h-3.5\" />\n          </button>\n        </div>\n      </div>\n    </header>\n  );\n}\n"}