{% set PAGE_INFO_HEADER_DEFAULTS = {
  useImage: true,
  useMeta: true
} %}

{% macro PageInfoHeader(settings = {}) %}
  {% set settings = merge(PAGE_INFO_HEADER_DEFAULTS, settings) %}

  <div class="page-info-header">
    <div class="container container--xl">
      {{ Image({
        className: 'page-info-header__image',
        sources: [
          { media: '1280', size: '1500x750' },
          { media: '992', size: '1280x640' },
          { media: '768', size: '992x496' },
          { media: '480', size: '768x384' }
        ],
        image: {
          src: '480x220'
        }
      }) if settings.useImage }}
      {% if settings.useMeta %}
        <div class="page-info-header__meta">
          <h2 class="page-info-header__meta-title">Consectetuer adipiscing</h2>
          <p class="text-lg text-weight-600">bei Pasta e...</p>
          <p class="text-md">Berlin | Kreuzberg </p>
        </div>
      {% endif %}
    </div>
  </div>
{% endmacro %}