{% comment %}
  Renders a heading component

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

  Usage:
  {% render 'ig-heading-hidden',
  %}
{% endcomment %}

{% if title %}
  <div class='ig-heading-hidden'>
    <div class='ig-heading-hidden__box'>
      {% render 'icon', name: 'instagram', size: '9rem', color: '#fff' %}
    </div>

    <h3 class='ig-heading-hidden__title'>
      {{ title | escape }}
    </h3>
    {% if subtitle != null %}
      <div class='ig-heading-hidden__subtitle'>{{ subtitle }}</div>
    {% endif %}
  </div>
{% endif %}
