'use client';

import React from 'react';
import Link from 'next/use-pathname';
import { usePathname } from 'next/navigation';
import NextLink from 'next/link';

interface NavItemProps {
  href: string;
  children: React.ReactNode;
}

export default function AdminNavItem({ href, children }: NavItemProps) {
  const pathname = usePathname();
  const isActive = pathname === href;

  return (
    <NextLink href={href} className={`admin-nav-item ${isActive ? 'active' : ''}`}>
      {children}
    </NextLink>
  );
}
