import Logo from "./Logo";
import NavLinks from "./NavLinks";
import SearchTrigger from "./SearchTrigger";
import AuthMenu from "./auth/AuthMenu";
import RemainingVotesBadge from "./auth/RemainingVotesBadge";

export default function Navigation() {
  return (
    <header className="sticky top-0 z-50 backdrop-blur-xl bg-[rgba(13,10,36,0.85)] border-b border-white/[0.08]">
      <nav className="max-w-[1500px] mx-auto h-20 px-4 sm:px-6 lg:px-8 flex items-center gap-8">
        <Logo size="md" />

        {/* 中部：首页 / 排行榜 / 我的 */}
        <NavLinks className="hidden md:flex" />

        {/* 右侧：搜索 + 今日余票 + 登录/注册 (或 头像+下拉) */}
        <div className="ml-auto flex items-center gap-3">
          <SearchTrigger />
          <RemainingVotesBadge />
          <AuthMenu />
        </div>
      </nav>

      {/* 移动端：单独一行 nav links */}
      <NavLinks
        className="md:hidden border-t border-white/[0.05] overflow-x-auto"
        mobile
      />
    </header>
  );
}
