export const MobileNav = (
  { navItems, currentPath }: { navItems: any[]; currentPath: string },
) => {
  return (
    <nav class="mobile-bottom-nav">
      {navItems.map((item: any) => {
        const isActive = item.href === "/dashboard"
          ? currentPath === "/dashboard"
          : currentPath.startsWith(item.href) &&
            item.href !== "/dashboard";

        return (
          <a
            href={item.href}
            class={isActive ? "active" : ""}
          >
            <span dangerouslySetInnerHTML={{ __html: item.icon }} />
            <span>{item.label}</span>
          </a>
        );
      })}
    </nav>
  );
};