What is the difference between creating menus with “nw.gui” and just using nw.Menu?

I am using Windows OS and (supposedly) nw.gui provides a more "native" look to menus. Personally it doesn't look any different than when I just use the Menu constructor. I am curious what the exact difference is. The code I am using for both scenarios is below with screenshot.

var menu = new nw.Menu({
    type: 'menubar'
});



var submenu = new nw.Menu();

submenu.append(new nw.MenuItem({
    label: 'Item A'
}));

submenu.append(new nw.MenuItem({
    label: 'Item B'
}));



menu.append(new nw.MenuItem({
    label: 'First Menu',
    submenu: submenu
}));



// Assign it to `window.menu` to get the menu displayed
nw.Window.get().menu = menu;

Image of render:

nw.gui example

var gui = require('nw.gui');

var win = gui.Window.get();

var menubar = new gui.Menu({
    type: 'menubar'
});

var file = new gui.Menu();

var subMenu = new gui.Menu();

file.append(new gui.MenuItem({
    label: 'Item A'
}));

file.append(new gui.MenuItem({
    label: 'Item B'
}));

menubar.append(new gui.MenuItem({
    label: 'First Menu',
    submenu: file
}));

win.menu = menubar;

Image of render