{% comment %}
    Renders a heading-line component

    Accepts:

  subtitle: {string} Subtitle of the section (optinal)
  title: {string} Title of the section (optinal) Usage:
  {% render 'heading-line', subtitle:"",title:""
  %}
{% endcomment %}
{% if title %}
  <div
    class='
      xo-heading-line {% if reverse == false %}
        xo-heading-line--reverse
      {% endif %}
    '
  >
    <h2 class='xo-heading-line__title'>
      {{ title | escape }}
    </h2>

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