import NavLink from "./NavLink";

const links = [
  { to: "/", label: "Home" },
  { to: "/play", label: "Play" },
  { to: "/multiplayer", label: "Multiplayer" },
];

const NavLinks = () => {
  return (
    <nav className="flex items-center gap-6">
      {links.map(({ to, label }) => (
        <NavLink key={to} to={to}>
          {label}
        </NavLink>
      ))}
    </nav>
  );
};

export default NavLinks;
