{{!!
Article Navigation
Scripts Dependencies: Please add the follow scripts in order to this component work:
`new CDQ.component.AutoScrollable();`
`new CDQ.component.StickyActive();`
`new CDQ.component.StickyHeader({`
`	callback: function(){`
`		jQuery(window).trigger('Scrollable.SetSizes');`
`	}`
`});`

}}

{{#if default}}
	<div class="scrollable-sticky-tabs article-navegation__related hide-md" data-sticky>
		<a href="javascript:;" class="scroll-link scroll-link--prev"><span>Previous</span></a>
		<div class="tabs-wrapper">
			<ul class="tabs">
				<li><a href="#editorial" class="article-navegation__link" title="Editorial">Editorial</a></li>
				<li><a href="#opecs" class="article-navegation__link" title="OPEC’s power and powerless">OPEC’s power and powerless</a></li>
				<li><a href="#macroeconomic" class="article-navegation__link" title="Macroeconomic implications">Macroeconomic implications</a></li>
				<li><a href="#lorem" class="article-navegation__link" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit.">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a></li>
				<li><a href="#example-1" class="article-navegation__link" title="Example Title 1">Example Title 1.</a></li>
				<li><a href="#example-2" class="article-navegation__link" title="Example Title 1">Example Title 2.</a></li>
			</ul>
		</div>
		<a href="javascript:;" class="scroll-link scroll-link--next"><span>Next</span></a>
	</div>
{{/if}}


{{#if mobile}}
	<div class="article-navigation-mobile show-md">
		<div class="article-navigation-mobile__wrapper">
			<a href="#editorial" class="article-navigation-mobile__item" title="Editorial">Editorial</a>
			<a class="article-navigation-mobile__item" href="#opecs" class="article-navigation-mobile__item" title="OPEC’s power and powerless">OPEC’s power and powerless</a>
			<a href="#macroeconomic" class="article-navigation-mobile__item" title="Macroeconomic implications">Macroeconomic implications</a>
			<a href="#lorem" class="article-navigation-mobile__item" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit.">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a>
			<a href="#example-1" class="article-navigation-mobile__item" title="Example Title 1">Example Title 1.</a>
			<a href="#example-2" class="article-navigation-mobile__item" title="Example Title 1">Example Title 2.</a>
		</div>
		<i class="icons-arrow-down" aria-hidden="true"></i>
	</div>
{{/if}}
