{#
/**
 * @file
 * Template for Heading component.
 */
#}
{% set level = level|default(2) %}

{% set default_sizes = {
  1: 'display',
  2: 'x-large',
  3: 'large',
  4: 'medium',
  5: 'small',
  6: 'small',
} %}

{% set heading_size = size ? size : default_sizes[level] %}
{% set tag = 'h' ~ level %}

<{{ tag }} {{ attributes.addClass('kern-heading-' ~ heading_size) }}>
  {{ text }}
</{{ tag }}>

