Let's create the item renderer. We create a shape, convert it to a Movie Clip. Name and the Class name will be the same: MainMenuItemRenderer. Base class: modules.MainMenuItemRenderer.
...

We have to inherit the MovieClip class for both classes that we have created so that the menu is displayed right:

import flash.display.MovieClip;
...

Let's open (or refresh if it was open) the control panel to see the added menu module in the structure. It can be found in the Modules dropdown menu.
...

We see that our buttons are arranged in a row by default, but we can arrange it another way. We add to the MainMenu class constructor:
...

But we also can notice that the button labels don't conform to labels that we have set in the control panel. So now we will make the data display in the button. For this we have to override the updateRenderer method in the MainMenuItemRenderer class. It's necessary to call super().
...

Let's rename buttons so that they display the correct labels.
Open the menu editing window, select a page and click on Label property:
...

Next step will be making the visualization of menu buttons. First, let's enable button mode so that the hand cursor appears on mouse over. Add to the constructor of the MainMenuItemRenderer class:
...

As the deep linking is implemented in Moto templates, we are able to go to the previous page by pressing the "Back" button in the browser. Let's try to do this. The previous page opens, but the menu button selection does not change. We should add a listener to the MainMenuItemRenderer class to fix this. We'll add it to the module initialization so that we can check if the module is open in the control panel (limitedMode) or not.
...

The module is set to be not resizable in structure.xml, so its transformation is unavailable in the control panel. But the module frame in the control panel should always fit the visible module dimensions. We will create logic for the automatic frame fit.
...