{{#extend "layouts/layout"}}
	{{#content "header"}}
		{{#with props}}
			<script>
				// See assets/js/helpers/namespace
				const namespace = 'estatico';

				// Global content data (extended by data-slideshow-data if present)
				window[namespace].helpers.extend(window[namespace].data, {
					slideshow: {
						i18n: {
							prev: 'Previous',
							next: 'Next'
						}
					}
				});

				// Global configuration data (extended by data-slideshow-options if present)
				window[namespace].helpers.extend(window[namespace].options, {
					slideshow: {
						url: '/mocks/demo/modules/slideshow/slideshow.json?delay=500'
					}
				});
			</script>

			{{> "demo/modules/skiplinks/skiplinks" modules.skiplinks}}
		{{/with}}
	{{/content}}

	{{#content "content"}}
		{{#with props}}
			<h2>{{title}}</h2>

			<p>{{text}}</p>

			<hr>

			{{> "demo/modules/slideshow/slideshow" modules.slideshow}}
		{{/with}}
	{{/content}}
{{/extend}}