import Link from "next/link"

export function Navbar() {
  return (
    <nav className="bg-white border-b border-gray-200">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex justify-between h-16 items-center">
          <Link href="/" className="text-xl font-bold text-blue-600">
            Inventario
          </Link>
          <div className="flex gap-6">
            <Link href="/products" className="text-gray-600 hover:text-blue-600 transition-colors">
              Productos
            </Link>
            <Link href="/categories" className="text-gray-600 hover:text-blue-600 transition-colors">
              Categorías
            </Link>
            <Link href="/movements" className="text-gray-600 hover:text-blue-600 transition-colors">
              Movimientos
            </Link>
          </div>
        </div>
      </div>
    </nav>
  )
}
