import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {useLocation,useParams,Link}from'@remix-run/react';const navItems = [{
  key: 'Help',
  label: 'Help',
  path: '/help'
}, {
  key: 'resortifi-news',
  label: 'Resortifi News',
  path: '/resortifi-news'
}];
const RightNavItems = ({
  scrolled = false
}) => {
  const [isMenuOpen, setIsMenuOpen] = useState(false);
  const location = useLocation();
  const params = useParams();
  const toggleMenu = () => {
    setIsMenuOpen(!isMenuOpen);
  };
  const isActive = path => {
    return location.pathname === path;
  };
  return jsxs("div", {
    className: `${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'} flex justify-between align-center`,
    children: [jsxs("div", {
      className: "flex",
      children: [jsx("div", {
        className: "hidden sm:ml-6 sm:flex sm:space-x-8",
        children: navItems.map(item => jsx(Link, {
          to: item.path,
          className: `inline-flex items-center px-1 pt-1 text-lg transition-colors duration-200 ${isActive(item.path) ? `font-bold ${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'}` : `font-medium ${scrolled || params.articleSlug ? 'text-foreground hover:text-gray-900' : 'text-white hover:text-gray-300'}`}`,
          children: item.label
        }, item.key))
      }), jsx("div", {
        className: "hidden sm:ml-6 sm:flex sm:items-center"
      }), jsx("div", {
        className: "-mr-2 flex items-center sm:hidden",
        children: jsxs("button", {
          type: "button",
          className: "inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500",
          "aria-expanded": isMenuOpen,
          onClick: toggleMenu,
          children: [jsx("span", {
            className: "sr-only",
            children: "Open main menu"
          }), jsx("svg", {
            className: "block h-6 w-6",
            xmlns: "http://www.w3.org/2000/svg",
            fill: "none",
            viewBox: "0 0 24 24",
            stroke: "currentColor",
            "aria-hidden": "true",
            children: jsx("path", {
              strokeLinecap: "round",
              strokeLinejoin: "round",
              strokeWidth: 2,
              d: "M4 6h16M4 12h16M4 18h16"
            })
          })]
        })
      })]
    }), isMenuOpen && jsx("div", {
      className: "sm:hidden",
      children: jsx("div", {
        className: "space-y-1 pt-2 pb-3",
        children: navItems.map(item => jsx(Link, {
          to: item.path,
          className: `block border-l-4 py-2 pl-3 pr-4 text-base font-medium transition-colors duration-200 ${isActive(item.path) ? `border-[#057d78] font-bold ${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'}` : `border-transparent font-medium ${scrolled || params.articleSlug ? 'text-gray-500 hover:text-gray-900' : 'text-gray-300 hover:text-white'} hover:border-[#057d78] hover:bg-gray-50`}`,
          onClick: () => setIsMenuOpen(false),
          children: item.label
        }, item.key))
      })
    })]
  });
};export{RightNavItems,RightNavItems as default};//# sourceMappingURL=RightContent.js.map
