Menu items as Slices without SliceZone, as used in Prismic top level menu

menu-items-no-slicezone.tsx

<ul className="flex flex-col lg:items-center lg:flex-row lg:justify-center">
  {layout.data.slices1.map((item, index) => {
    if (item.variation === "default") {
      return (
        <MenuItem
          key={index}
          slice={item}
        />
      );
    } else {
      return (
        <MenuItemWithSubmenu
          key={index}
          slice={item}
          onOpenSubMenu={() => toggleSubMenu(index)}
          openSubMenu={openMenuItem === index}
          onCloseSubMenu={() => setOpenMenuItem(null)}
        />
      );
    }
  })}
</ul>