"use client";

import Link from "next/link";
import { ReactNode } from "react";

type Props = {
  href: string;
  children: ReactNode;
  className?: string;
  target?: "_blank";
};

export function NavBarItem({
  children,
  href,
  target,
  className = "flex items-center justify-center text-sm leading-[110%] px-4 py-2 rounded-md hover:bg-[#F5F5F5] dark:hover:bg-neutral-800 hover:text-black dark:hover:text-white text-neutral-700 dark:text-neutral-300",
}: Props) {
  return (
    <Link
      href={href}
      className={className}
      target={target}
    >
      {children}
    </Link>
  );
}
