The header component with a brand and navigation items which on mobile collapses into a icon which when interacted with opens up an action sheet with the navigation items.
A state to store the state of the dropdowns.
A state to store the current url.
Content for the brand.
The breakpoint for the mobile version.
The gap between the items.
The height of the component.
The menu icon.
The navigation items.
The size of the component.
The menu icon click handler.
Renders the component.
Renders the contents of an item.
width state based on the dimensions and breakpoint.