"use client";

import Link from "next/link";
import ThemeToggle from "./ThemeToggle";

export default function Header() {
  return (
    <header className="sticky top-0 z-40 w-full border-b border-stone-200/80 dark:border-stone-800 bg-[#faf8f5]/95 dark:bg-stone-950/95 backdrop-blur">
      <div className="max-w-[900px] mx-auto px-4 sm:px-6 h-14 flex items-center justify-between">
        <Link href="/" className="font-semibold text-stone-800 dark:text-stone-100 text-base">
          Salon
        </Link>
        <nav className="flex items-center gap-4 sm:gap-6">
          <ThemeToggle />
        </nav>
      </div>
    </header>
  );
}