import { Link } from 'react-router-dom';

export default function Header() {
  return (
    <header className="bg-stone-800 text-white">
      <nav className="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between">
        <Link to="/" className="text-xl font-bold tracking-wide">
          Himalaya Horizon Treks
        </Link>
        <div className="flex gap-6 text-sm">
          <Link to="/" className="hover:text-amber-300 transition-colors">Treks</Link>
          <Link to="/bookings" className="hover:text-amber-300 transition-colors">My Bookings</Link>
        </div>
      </nav>
    </header>
  );
}