{% if content.mainHeaderIsView %}
<div style="order: {{ content.mainHeaderOrder ?? -1 }}">
<modern-main-header
title="{{ content.mainHeaderTitle }}"
subtitle="{{ content.mainHeaderSubtitle }}"
subtitle-link="{{ content.mainHeaderSubtitleLink }}"
auto-size="{{ content.mainHeaderLongWords is same as (true) ? 'true' : 'false' }}"
type="{{ content.mainHeaderType }}"
video-type="{{ content.mainHeaderVideo ? content.mainHeaderVideo.getMimeType() : '' }}"
video-url="{{ content.mainHeaderVideo ? content.mainHeaderVideo.getUrl() : '' }}"
muted="{{ content.mainHeaderMuted is same as (true) ? 'true' : 'false' }}"
image="{{ adapt_attribute('main_header.image', {'image': content.mainHeaderImage, 'imageMobile': content.mainHeaderImageMobile}) | json_encode }}"
add-margin="{{ content.mainHeaderAddMargin }}"
description="{{ content.mainHeaderDescription }}"
description-link="{{ content.mainHeaderDescriptionLink }}"
footer-text="{{ content.mainHeaderFooterText }}"
footer-text-link="{{ content.mainHeaderFooterTextLink }}"
theme="{{ content.mainHeaderTheme }}"
text-color="{{ content.mainHeaderTextColor }}"
background-color="{{ content.mainHeaderBackgroundColor }}"
show-owerlay="{{ content.mainHeaderShowOwerlay is same as (true) ? 'true' : 'false' }}"
info="{{ adapt_attribute('main_header.stats_info', {'data': content.mainHeaderWithImageInfo, 'request': app.request, 'type': type ?? 'stats'}) | json_encode }}"
description-color="{{content.mainHeaderWithImageDescriptionColor ?? 'white'}}"
></modern-main-header>
</div>
{% endif %}