{% from '@bonniernews/dn-design-system-web/components/image-caption/image-caption.njk' import ImageCaption %}

{% macro ArticleImage(params) %}
  {% set macroClassName = "ds-article-image" %}
  {% set additionalClasses = [] %}

  {% if params.classNames %}
    {% set additionalClasses = (additionalClasses.push(params.classNames), additionalClasses) %}
  {% endif %}

  {% set classes = macroClassName + " " + additionalClasses | join(" ") %}

  <figure class="{{ classes }}" {{- params.attributes | safe }}>
    {% if params.fullWidth %}
      <div class="ds-full-width-element">
        {{ params.imageHtml | safe }}
      </div>
    {% else %}
      {{ params.imageHtml | safe }}
    {% endif %}

    {% if params.caption or params.author %}
      {% set caption = params.caption if params.caption else "" %}
      {% set author = params.author if params.author else "" %}
      {% set imageType = params.imageType if params.imageType else "" %}
      {{ ImageCaption({
        caption: caption,
        author: author,
        imageType: imageType,
        forcePx: params.forcePx
      })}}
    {% endif %}
  </figure>
{% endmacro %}