import Link from "next/link";
import type { Session } from "next-auth";
import { Container } from "@/components/container";
import { Logo } from "@/components/logo";
import { UserMenu } from "@/components/auth/user-menu";
import { LanguageSelector } from "@/components/language-selector";

export function AppHeader({ user }: { user: Session["user"] }) {
  return (
    <header className="sticky top-0 z-50 w-full border-b border-border bg-background/80 backdrop-blur-lg">
      <Container className="flex h-16 items-center justify-between gap-4">
        <Link
          href="/dashboard"
          className="rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
          aria-label="TokNext dashboard"
        >
          <Logo />
        </Link>
        <div className="flex items-center gap-3">
          <LanguageSelector />
          <UserMenu user={user} />
        </div>
      </Container>
    </header>
  );
}