import Link from "next/link";

import { Menu as _Menu } from "tiny-ui";

const MENU = [
  { url: "/", text: "Hawkband WLED" },
  { url: "/", text: "Automation" },
  { url: "/instances", text: "Instances" },
];

const Menu = ({ page, ...rest }) => {
  const items = MENU?.map((o, i) => (
    <_Menu.Item key={i}>
      <Link href={o?.url}>{o?.text}</Link>
    </_Menu.Item>
  ));
  if (!items) return null;
  return <_Menu theme="dark">{items}</_Menu>;
};

export default Menu;