<?php $config = $block->getNtrnConfig() ?>
<style media="screen">
    <?=$config->getCustomCss()?>
</style>
<nav class="ntrn">
    <?php if ($config->getLoader() === 'enabled'): ?>
        <div class="ntrn__spinner"></div>
    <?php endif; ?>
    <ul class="ntrn__menu">
        <?=$block->renderMenu()?>
    </ul>
</nav>

<script type="text/x-magento-init">
    {
        ".ntrn": {
            "navatronInit": {
            "mobile": {
                "menu": "flyout",
                "menuDirection": "left",
                "parentLink": "<?=$config->getMobileMenuParentLink()?>",
                "parentLinkText": "<?=$config->getMobileMenuParentLinkPrefix()?>",
                "dim": "true",
                "accordion": {
                    "duration": "<?=$config->getMobileMenuAccordionDuration()?>",
                    "single": "<?=$config->getMobileMenuAccordionSingle()?>",
                    "scroll": "<?=$config->getMobileMenuAccordionScroll()?>",
                    "scrollOffset": "<?=$config->getMobileMenuAccordionScrollOffset()?>"
                }
            },
             "desktop": {
                "menu": "<?=$config->getDesktopMenuEvent()?>",
                "animation": "<?=$config->getDesktopMenuAnimation()?>"
            }
            }
        }
    }
</script>