import Link from "next/link";
import { KeyRound } from "lucide-react";
import type { Profile } from "@/lib/supabase/types";
import CartIndicator from "@/components/cart/cart-indicator";

export default function ClientHeader({ profile }: { profile: Profile }) {
  return (
    <header className="sticky top-0 z-40 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80">
      <div className="container flex h-14 items-center justify-between gap-2">
        <Link href="/catalogue" className="flex items-center gap-2 font-semibold">
          <KeyRound className="h-5 w-5 text-primary" />
          <span className="hidden sm:inline">Ma Clé Brevetée</span>
        </Link>
        <div className="flex items-center gap-2">
          <div className="hidden text-sm text-muted-foreground sm:block">
            {profile.societe}
          </div>
          <CartIndicator />
        </div>
      </div>
    </header>
  );
}