{% comment %}
  Renders a featured-heading component

  Accepts:
  - subtitle: {string} Subtitle of the section (optinal)
  - title: {string} Title of the section (optinal)

  Usage:
  {% render 'featured-heading',
  %}
{% endcomment %}

{% if title %}
  <div
    class='
      xo-section-heading-banner{% if align %} xo-section-heading-banner--{{ align }}{% endif %} {% if line %}
        xo-section-heading-banner--line
      {% endif %} {% if reverse == false %}
        xo-section-heading-banner--reverse
      {% endif %}
    '
  >
    <h2 class='xo-section-heading-banner__title'>
      {{ title | escape }}
    </h2>

    {% if subtitle != null %}
      <div
        class='
          xo-section-heading-banner__subtitle
          {% if reverse %}
            xo-section-heading-banner__subtitle--reverse
          {% endif %}
        '
      >
        {{ subtitle }}
      </div>
    {% endif %}
  </div>
{% endif %}
