"use client";

import Link from "next/link";
import { menuData } from "@/data/menuData";

interface NavigationMenuWidgetProps {
  variant?: "v1" | "v2";
  pathname: string;
}

export default function NavigationMenuWidget({
  variant,
  pathname,
}: NavigationMenuWidgetProps) {
  const isMenuActive = (menuPath: string) => {
    if (pathname === menuPath) {
      return true;
    }

    if (pathname.startsWith("/blog-details") && menuPath === "/blog-standard") {
      return true;
    }

    return false;
  };

  return (
    <div className="col-lg-6">
      <nav
        className={
          variant === "v2"
            ? "main-menu11 v2 menu-style11"
            : "main-menu11 menu-style11"
        }
        aria-label="Main Navigation"
      >
        <ul>
          {menuData.map((menu) => (
            <li
              key={menu.id}
              className={isMenuActive(menu.path) ? "active" : ""}
            >
              <Link
                href={menu.path}
                className={isMenuActive(menu.path) ? "active" : ""}
              >
                {menu.label}
              </Link>
            </li>
          ))}
        </ul>
      </nav>
    </div>
  );
}