import NavAuth from "./NavAuth";
import NavLinks from "./NavLinks";

const Navbar = () => {
  return (
    <header className="sticky top-0 z-50 w-full bg-(--color-surface) border-b border-(--color-primary-light)">
      <div className="max-w-5xl mx-auto px-6 h-14 flex items-center gap-8">
        <span className="text-sm font-bold tracking-tight text-(--color-primary)">
          lila
        </span>
        <NavLinks />
        <NavAuth />
      </div>
    </header>
  );
};

export default Navbar;
