import { ItemProps } from ".";
import MenuMainHeader from "./MenuMainHeader";
import { getWidgetStyleAttrs, WidgetStyle } from "../widgetStyleAttrs";

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