{% comment %}
  Renders a page heading.

  Accepts:
  - title: {String} Title of the page (optional)
  - description: {String} Description of the page (optional)
  - align: {String} Alignment of the page heading (optional)

  Usage:
  {% render 'section-heading' %}
{% endcomment %}

{% if title %}
  <div class='xo-heading-left{% if align %} xo-heading-left--{{ align }}{% endif %}'>
    {% if subtitle != null %}
      <div class='xo-heading-left__subtitle'>{{ subtitle }}</div>
    {% endif %}
    <h2 class='xo-heading-left__title'>
      {{ title | escape }}
    </h2>
    {% if description != null %}
      <div class='xo-heading-left__description'>{{ description }}</div>
    {% endif %}
  </div>
{% endif %}
