Update components/navbar/navbar-item.tsx

2026-01-16 10:55:18 +00:00 · 2026-01-16 10:55:18 +00:00 · cde2de97ec
parent eb2af4037d
commit cde2de97ec
1 changed files with 28 additions and 0 deletions
--- a/components/navbar/navbar-item.tsx
+++ b/components/navbar/navbar-item.tsx
@ -0,0 +1,28 @@
+"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] hover:text-black text-neutral-700",
+}: Props) {
+  return (
+    <Link
+      href={href}
+      className={className}
+      target={target}
+    >
+      {children}
+    </Link>
+  );
+}