Menu items rendered in SliceZone as in Prismic's sub menu within a <MenuItemWithSubmenu />

menu-items-slicezone.tsx

<div className="px-0 container lg:px-8 flex flex-col lg:flex-row">
  <div
    className="flex flex-col lg:w-[26.6666666667%] lg:py-12 gap-3 my-6 lg:my-0"
  >
    <SliceZone
      slices="{slice.primary.sub_menu.data.slices}"
      components="{components}"
    />
  </div>
  <ColumnSeparator />
  <div
    className="flex flex-col lg:w-[26.6666666667%] lg:py-12 gap-3 my-6 lg:my-0"
  >
    <SliceZone
      slices="{slice.primary.sub_menu.data.slices1}"
      components="{components}"
    />
  </div>
  <ColumnSeparator noline="{slice.primary.sub_menu.data.column_separtor}" />
  <div
    className="flex flex-col lg:w-[26.6666666667%] lg:py-12 gap-3 my-6 lg:my-0"
  >
    <SliceZone
      slices="{slice.primary.sub_menu.data.slices2}"
      components="{components}"
    />
  </div>
</div>