{% set HEADING_DEFAULTS = {
  className: '',
  title: 'Page name',
  text: false,
  breadcrumbs: false,
  image: false,
  video: false
} %}

{% macro Heading( settings = {} ) %}
  {% set settings = merge(HEADING_DEFAULTS, settings) %}

  <div class="heading {{ settings.className }}">
    {% if settings.image or settings.video %}
      <div class="heading__media-wrapper">
        {{ Image({
          className: 'heading__media-container',
          image: {
            src: '480x660',
            className: 'heading__media',
            width: 1920,
            height: 'auto'
          },
          sources: [
            { media: '1280', size: '1920x1080' },
            { media: '992', size: '1280x768' },
            { media: '768', size: '992x660' },
            { media: '480', size: '768x660' }
          ]
        }) if settings.image }}
        {% if settings.video %}
          <div class="heading__media-container">
            <video class="heading__media" playsinline muted loop autoplay>
              <source src="{{ PATH.media }}/dummy-video.mp4" type="video/mp4">
            </video>
          </div>
        {% endif %}
        {{ Title({
          tag: 'h1',
          className: 'title--white heading__title',
          text: settings.title
        }) if settings.title }}
      </div>
    {% endif %}
    <div class="heading__wrapper">
      {{ Breadcrumbs({
        className: 'heading__breadcrumbs'
      }) if settings.breadcrumbs }}
      {{ Title({
        tag: 'h1',
        className: 'heading__title',
        text: settings.title
      }) if settings.title and (not settings.image and not settings.video) }}
      {% if settings.text %}
        <p class="heading__text">{{ chance.paragraph({ sentences: 2 }) }}</p>
      {% endif %}
      {{ caller() if caller }}
    </div>
  </div>
{% endmacro %}