@gravityforms/gulp-tasks/src/templates/doc/mobile-nav.js

Configurable Gulp tasks for use in Gravity Forms projects.

import menuItemsTemplate from './menu-items.js';
import navLeftItems from './nav-left-items.js';
import navRightItems from './nav-right-items.js';

export default function mobileNav( {
	menuItems = [],
	menuLogo = '<a href="./index.html"><span class="gform-gravity-logo"></span></a>',
} ) {
	return ( `
		<div class="mobile-menu-icon-container">
			<button class="icon-button" id="mobile-menu" data-isopen="false" aria-label="menu">
				<svg>
					<use xlink:href="#menu-icon"></use>
				</svg>
			</button>
		</div>
		<div id="mobile-sidebar" class="mobile-sidebar-container">
			<div class="mobile-sidebar-wrapper">
				${ menuLogo }
				<div class="mobile-nav-links">
					${ navLeftItems() }
				</div>
				<div class="mobile-sidebar-items-c">
					${ menuItemsTemplate( { menuItems } ) }
				</div>
				<div class="mobile-navbar-actions">
					${ navRightItems() }
				</div>
			</div>
		</div>
	` );
}