base-heading

// src/components/elements/base-heading/base-heading.twig

{% set heading_tag = heading_level|default('h2') %}

{% if as_header_element %}
	<header class="BaseHeading {% if is_centered is defined ? is_centered : true %}BaseHeading--centered{% endif %}">
		{% if kicker %}
			<span class="BaseHeading-kicker">{{ kicker }}</span>
		{% endif %}

		<{{ heading_tag }} class="BaseHeading-heading">{{ heading }}</{{ heading_tag }}>
	</header>
{% else %}
	<div class="BaseHeading {% if is_centered is defined ? is_centered : true %}BaseHeading--centered{% endif %}">
		{% if kicker %}
			<span class="BaseHeading-kicker">{{ kicker }}</span>
		{% endif %}

		<{{ heading_tag }} class="BaseHeading-heading">{{ heading }}</{{ heading_tag }}>
	</div>
{% endif %}