Implement limits of menu nesting #1
Description
I've tried to reverse-engineer these as best as I could to make this component, but I know I haven't fully figured it out yet. Here's what I already know to help you get started.
Menus have a complex parent/child relationship that determines their behavior and how menus are presented. For example, the more menus you have nested, their appearance and layout changes in the menu itself. I think the limit of nesting is 4 menus deep, but i'm not sure.
Actions have similar behavior, which I haven't cataloged. Sometimes they show up as buttons, while other times they show up as links.
The purpose of this issue is to investigate the behaviors and add guard rails to the component so you can't add more menus or actions than what works in the instance. Right now you can add as many menus and actions as you want in our component, but the menu will not render at all when being tested if it doesn't follow the hidden guidelines.