{#
component: heading
title {string}: Title de la découverte
titleAnnex {string}: Sur titre au dessus du titre
text {string}: Texte de l'entĂȘte
#}
{% set props = {
title: '',
titleAnnex: null,
text: null,
hLevel: '2'
}|merge(props|default({})) %}
<div
data-component="heading" class="Heading-component">
{# Title annex #}
{% if props.titleAnnex %}
<p class="Heading-titleAnnex">{{ props.titleAnnex|raw }}</p>
{% endif %}
{# Title #}
<h{{props.hLevel}} class="Heading-title">{{ props.title | raw }}</h{{props.hLevel}}>
{# Content #}
{% if props.text %}
<p class="Heading-content">{{ props.text | raw }}</p>
{% endif %}
</div>