import type { MenuItemsVariables } from "#graphql/types";

export const useMenuItems = (variables: MenuItemsVariables) =>
  useAsyncGraphQLQuery("MenuItems", variables, {
    transform: ({ menuItems }) =>
      extractNodes(menuItems).map(({ childItems, ...menuItem }) => ({
        ...menuItem,
        children: extractNodes(childItems),
      })),
  });