@veecode-platform/plugin-kong-service-manager/dist/components/KongServiceManagerHomepage/MenuOptions/MenuOptions.esm.js

import React from 'react';
import { List, ListItem, ListItemText } from '@material-ui/core';
import { NavLink } from 'react-router-dom';
import { useMenuOptionsStyles } from './styles.esm.js';

const MenuOptionsItems = [
  {
    label: "Service",
    link: ""
  },
  {
    label: "Routes",
    link: "all-routes"
  },
  {
    label: "Specs",
    link: "all-specs"
  }
];
const MenuOptions = (props) => {
  const [activeLink, setActiveLink] = React.useState("");
  const classes = useMenuOptionsStyles();
  const { isSpecAvailable } = props;
  return /* @__PURE__ */ React.createElement(List, { className: classes.listComponent }, MenuOptionsItems.map((i) => /* @__PURE__ */ React.createElement("div", { key: i.label }, !isSpecAvailable && i.label === "Specs" ? null : /* @__PURE__ */ React.createElement(NavLink, { to: i.link, className: `${classes.link} ${activeLink === i.link ? classes.activeLink : ""}` }, /* @__PURE__ */ React.createElement(ListItem, { className: classes.listItem, onClick: () => setActiveLink(i.link) }, /* @__PURE__ */ React.createElement(ListItemText, null, i.label))))));
};

export { MenuOptions };
//# sourceMappingURL=MenuOptions.esm.js.map