import { ItemProps } from ".";
import MenuMainHeader from "./MenuMainHeader";

const MenuView = ({
  menuItems,
  onNavigate,
}: {
  menuItems: ItemProps[];
  onNavigate: (path: string, navigationType: string) => void;
}) => {
  return (
    <header className="tmpl-menu">
      {menuItems.map((item, index) => (
        <MenuMainHeader {...item} key={index} onNavigate={onNavigate} />
      ))}
    </header>
  );
};
export default MenuView;